Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ekzamen_33_33_33_21-40.doc
Скачиваний:
5
Добавлен:
29.09.2019
Размер:
814.08 Кб
Скачать

Структура html-документа

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

  • <strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

  • <a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>

  • А вот пример пустого элемента: <br>

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любымXML-документам.

Структура html страницы

Любая html страница состоит из тэгов. Тэги не выводятся на экран браузером, они лишь сообщают ему о том, каким образом нужно форматировать тот или иной участок страницы. К примеру на этом уроке мы рассмотрим такие тэги, как: <html>, <head>, <body>,<title>,<br>.  Практически любая html страница имеет следующую структуру:

<html> <head> <title>Моя первая страничка</title> </head> <body> Всем привет!<br> А вот и моя первая страничка. </body> </html>

Давайте разберем каждый из использованных здесь тэгов: <html> - Любая html страница должна начинаться и заканчиваться этим тэгом. Этот тег сообщает браузеру о том, что этот документ явдяется ничем иным, как html страницей. Как можно заметить этот тэг является парным, т.е. есть открывающий тэг (<html>) и закрывающий (</html>).  <head> - Это "голова" документа. Здесь содержатся так называемые заголовочные данные (в данном примере только название страницы). Тэг также является парным ( есть <head> и </head>)  <title> - Этот тэг позволяет указать заголовок страницы. Текст, указанный между тэгами <title> и </title> показывается в строке заголовка окна браузера.  <body> - Это "тело" документа. Все, что мы расположим между тегами <body> и </body> будет выведено на страницу. В нашем примере мы поместили туда текст "Всем привет! А вот и моя первая страничка.". В итоге мы видим в браузере этот текст.  <br> - Это первый из изучаемых нами html тэгов, который не требует закрывающего тега. Рассмотрим для чего он нужен. Он нужен для перехода на новую строку. Т.е. этот тэг по своему действию схож с нажатием Enter на клавиатуре. Чтобы это лучше понять попробуйте убрать тэг<br> со страницы. И посмотрите результат, если вы все сделали правильно, то у вас должно получиться вот так. Видите, надпись выводится одной строкой. Для завершения эксперимента попробуйте вставить побольше тэгов <br>. Результат будет уже такой 

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]