Язык HTML предназначен для определения расположения конкретных составляющих на веб-странице. С помощью файла HTML можно создать простейшую страницу. Для создания веб-страниц существует много программ-редакторов, даже в обычном блокноте можно написать HTML-страницу, для этого во время сохранения файла - нужно поменять формат *.txt на *.html.
Создавая веб-документ важно знать о тегах, которые находятся между знаками < и >, если текст находится за ними <тег1> и <тег2>, то он будет виден при просмотре в браузере. Теги бывают открывающие и закрывающие.
Для создания веб-страниц необходимо знать базовые элементы, которые должны присутствовать в коде веб-страницы, о них и пойдет речь.
Базовые составляющие на веб-странице:
<!DOCTYPE> - устанавливается всегда в начале документа для того, чтобы указать тип текущего документа.
Виды <!DOCTYPE>:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - строгий синтаксис HTML
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - переходный синтаксис HTML
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> - если в HTML-документе применяются фреймы
- <!DOCTYPE html> - для всех документов для версии HTML5
<html> - этим тегом задается начало веб-документа, а в конце документа нужно всегда указать </html>. Между <html> и </html> заключено всё содержимое.
<head> - этот тег является контейнером, в котором указываются определенные параметры, применяемые для всей страницы. Возможные теги в контейнере head : <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>. Например в теге title указывается заголовок окна веб-страницы:
<body> - последний базовый элемент, в котором находятся все теги, описывающие структуру и положение контента. После того как содержимое документа было наполнено, тег body должен закрыться </body>.
Пример базового веб-документа
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Можете скопировать этот код в блокнот, сохранить его с расширением *.html и проверить что получится. Попробуйте изменить заголовок и внутренний текст.
Конструкция и правила для тегов
Теги могут содержать в себе атрибуты, которые могут быть обязательные и необязательные, в зависимости от выполняемых задач. В теге может содержаться несколько атрибутов, которые разделяются между собой пробелом.
После атрибута, как правило, ставится знак равно и в кавычках указывается значение.
Тег, содержащий все элементы, имеет вид:
<tag atribut1="znachenie1" atribut2="znachenie2>...</tag>
Все теги подчиняются обязательным и рекомендуемым правилам:
-
Закрывающие теги не должны пересекаться с открывающими:
Пример<strong>неправильного<i>написания кода</strong></i> -
В значениях желательно использование двойных и одинарных кавычек:
color="#000000" или color='#FFFFFF'
-
Если тег неправильно написан, то он будет игнорироваться
-
Некоторые теги должны соблюдать иерархию вложенности
В следующей статье вы узнаете как создавать и изменять текст на веб-странице.
Комментарии
А что тут должно помочь? Это начало изучения основ HTML