- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
4.3Внутрішні посилання
Крім посилань на інші документи, часто буває корисно включити посилання на різні частини документа. Наприклад, великий документ читається краще, якщо він має зміст з посиланнями на відповідні розділи.
Для побудови внутрішньої посилання спочатку потрібно створити покажчик, що визначає місце призначення. Наприклад, якщо ви хочете зробити посилання на текст певної голови документа, потрібно розмістити там покажчик і дати йому ім'я за допомогою параметра NAME тега <A>. При цьому параметр HREF не використовується, і браузер не виділяє вміст тега <A>.
Наприклад:
<A NAME=chapter_5> </A>
Зверніть увагу, що в наведеному прикладі відсутній вміст тега <A>. Зазвичай саме так і роблять, оскільки тут немає необхідності виділяти текст, а потрібно лише вказати місце розташування.
Після того як місце призначення визначене, можна приступити до створення посилання на нього. Для цього, замість зазначення в параметрі HREF адреси документа, як це робилося раніше, помістимо туди ім'я посилання з префіксом #, говорить про те, що це внутрішня посилання.
<A HREF="#chapter_5">Глава 5</A>
Тепер, якщо користувач клацає кнопкою миші на словах "Глава 5", браузер виведе відповідну частину документа у вікні перегляду.
4.4 Посилання на документи різних типів
Коли користувач клацає мишею на посиланні, що вказує на іншу Web-сторінку, вона виводиться безпосередньо у вікні браузера. Якщо посилання вказує на документ іншого типу, програма перегляду приймає документ і потім вирішує, що з ним робити далі. Наступними діями браузера можуть бути:
Браузер знає цей тип документа і вміє з ним звертатися. Наприклад, якщо ви створили посилання на графічний файл формату GIF і користувач клацнув мишею на цій засланні, його програма перегляду очистить вікно і завантажить зазначене зображення. У деяких випадках браузер може додатково використовувати спеціальний програмний модуль (plug-in), без якого завдання не була б вирішена.
Браузер не розпізнає тип прийнятого документа і не знає, що з ним робити далі. У цьому випадку він звернеться до допоміжних програм, наявних на машині користувача. Якщо відповідна програма знайдеться, браузер запустить її і передасть їй отриманий документ для обробки. Наприклад, якщо клацнути на посиланні на відеофайл формату AVI, браузер завантажить файл, знайде програму для демонстрації AVI-файлів і запустить її. Відеофайл буде показаний в додатковому невеликому вікні.
5.Створня web-сайту
5.1 Початок створення web-сторінки
Для створення Web- сторінки потрібно в ОС Windows 8 здійснити ПКМ/Создать/Папку.
Мал.2.1.1. Створення текстового документу.
З’являється вікно в якому задаємо місце розташування та ім’я файлу: index.html (Мал.2.1.2.). В цьому файлі буде записуватись html код головної сторінки веб-сайту.
Мал.2.1.2. Ім’я html файлу
Далі аналогічно створюється файл .css та надаємо йому ім’я style.css (Мал. 2.1.3.). В цьому файлі буде записуватись дизайн сайту під час написання html коду будемо встановлювати уже створений стиль.
Мал.2.1.3. Ім’я css файлу
Далі створюється папка з назвою «images». В цій папці будуть збережені малюнки для створення стилю. Спеціальні малюнки можна закачати з мережі Інтернет та при необхідності редагувати в редакторі Fotoshop. Набір малюнків підготовленій до роботи.
