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