Создаем HTML страницу
Интерпретатор спецификации
Каждый HTML-документ отвечающий спецификации HTML начинается со строки версии HTML !DOCTYPE.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Это позволяет браузеру определить как интерпретировать документ. В примере браузер понимает, что HTML соответствует международной спецификации версии 3.2.
Начало и конец документа
После версии и типа документа обозначаем начало и конец документа. Это делает тег-контейнер <HTML>. Любой HTML-документ открывется тегом <HTML> и им же закрывается.
Между тегами <HTML> и </HTML> размещают заголовок и тело документа.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Документ состоит из двух основных блоков: "заголовок" и "тело документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок (HEAD) содержит "техническую" информацию о документе, но в основном используется только для обозначения названия документа.
Тело документа (BODY) содержит все, что будет отображается на странице: текст, таблицы, картинки.
Комментарии
Для создания комментариев в любой части документа (кроме TITLE) используются <!-- -->, внутри которых элемент или текст будут проигнорированы браузером, также не будут обрабатываться и выводиться на экран.
Пример:
<HTML>
...
<!-- Начинаем работу с телом документа -->
<BODY>
<!-- Всталяем информацию в страницу -->
...
</BODY>
<!-- Конец страницы -->
</HTML>
Примечания:
* Комментарии, расположенные внутри элемента TITLE (как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна. Иначе говоря, тег <!-- --> внутри TITLE не действует.
* Не ленитесь комментировать все, что написали. Это волшебное правило сэкономит вам немало времени при попытке разобраться в собственном творении пару месяцев спустя.
Таблицы в примерах
Теги
Создание простейших HTML таблиц
Таблица кодов цветов в HTML
Таблица названий цветов в HTML (в алфавитном порядке)
Таблица названий цветов в HTML (в порядке цветового тона)
Изменение шрифта и фона сайта
Удаляем подчеркивание ссылки
Бегущая строка
Работа с текстом
Интерпретатор спецификации
Каждый HTML-документ отвечающий спецификации HTML начинается со строки версии HTML !DOCTYPE.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Это позволяет браузеру определить как интерпретировать документ. В примере браузер понимает, что HTML соответствует международной спецификации версии 3.2.
Начало и конец документа
После версии и типа документа обозначаем начало и конец документа. Это делает тег-контейнер <HTML>. Любой HTML-документ открывется тегом <HTML> и им же закрывается.
Между тегами <HTML> и </HTML> размещают заголовок и тело документа.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Документ состоит из двух основных блоков: "заголовок" и "тело документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок (HEAD) содержит "техническую" информацию о документе, но в основном используется только для обозначения названия документа.
Тело документа (BODY) содержит все, что будет отображается на странице: текст, таблицы, картинки.
Комментарии
Для создания комментариев в любой части документа (кроме TITLE) используются <!-- -->, внутри которых элемент или текст будут проигнорированы браузером, также не будут обрабатываться и выводиться на экран.
Пример:
<HTML>
...
<!-- Начинаем работу с телом документа -->
<BODY>
<!-- Всталяем информацию в страницу -->
...
</BODY>
<!-- Конец страницы -->
</HTML>
Примечания:
* Комментарии, расположенные внутри элемента TITLE (как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна. Иначе говоря, тег <!-- --> внутри TITLE не действует.
* Не ленитесь комментировать все, что написали. Это волшебное правило сэкономит вам немало времени при попытке разобраться в собственном творении пару месяцев спустя.
Таблицы в примерах
Теги
Создание простейших HTML таблиц
Таблица кодов цветов в HTML
Таблица названий цветов в HTML (в алфавитном порядке)
Таблица названий цветов в HTML (в порядке цветового тона)
Изменение шрифта и фона сайта
Удаляем подчеркивание ссылки
Бегущая строка
Работа с текстом
