З чого починається HTML
Для того, щоб текстовий файл перетворився в HTML-файл, поміняти його розширення з ".txt" на ".html" недостатньо. Треба дотриматися "правило першого рядка":
Кожен HTML-документ, який відповідає специфікації HTML будь-якої версії, має починатися з рядка декларації версії HTML! DOCTYPE. яка зазвичай виглядає так:
Цей рядок допоможе браузеру визначити, як правильно інтерпретувати даний документ. В даному випадку ми говоримо браузеру, що HTML відповідає міжнародній специфікації версії 3.2 (це перевірена, але дуже стара версія). Як видно з прикладу, найкоротший html-документ складається буквально з одного рядка.
Приклад найкоротшого HTML-документа:
З чого починається робота:
Потім, між тегами і слід розмістити заголовок і тіло документа. От і все! Початок покладено - ви отримали прекрасну заготовку. Ось як повинен виглядати ваш простий HTML-файл перед початком роботи:
текст документа
Якщо наведений вище приклад пояснити схематично, вийде наступне:
Зі схеми видно, що документ складається з двох основних блоків - "заголовка" і "тіла документа". Тема визначається з помощьюелемента HEAD, а тіло - елементом BODY.
Тема містить "технічну" інформацію про документ, хоча найчастіше використовується тільки для позначення його назви (див. Елемент TITLE).
Тіло документа - святая святих. Саме в ньому знаходиться все те, що відображається на сторінці: текст, картинки, таблиці. Відповідно, робимо висновок: більшість ваших HTML-експериментів буде проводитися в просторі між тегами
і
.
.
Примітки:
У цьому розділі описані елементи для оформлення і смислового виділення тексту - підкреслення, зміни шрифту, виділення курсивом, цитування тощо
Елементи форматування тексту:
- BASEFONT - Визначає основний шрифт, яким повинен відображатися текст документа
- FONT - Дозволяє змінювати колір, розмір і тип шрифту тексту
- I - Виділяє текст курсивом
- EM - Використовується для смислового виділення тексту (курсивом)
- B - Виділяє текст жирним шрифтом
- STRONG - Посилене виділення тексту (жирним)
- U - Виділяє текст підкресленим
- S, STRIKE - Виділяє текст перекресленим
- BIG - Показує текст збільшеним шрифтом (щодо поточного)
- SMALL - Показує текст зменшеним шрифтом (щодо поточного)
- SUP - Показує текст із зсувом вгору (верхній індекс)
- SUB - Показує текст із зсувом вниз (нижній індекс)
- CODE, SAMP - Оформляють текст як формулу або програмний код
- TT - Показує текст моноширінним шрифтом
- KBD - Виділяє текст, який пропонується набрати на клавіатурі
- VAR - Використовується для позначення в тексті змінних
- CITE - Оформляє текст як цитату або посилання на джерело
Design> layout> editing >>> «Web Direct»