| Создание html страницЗдесь мы пройдем самые основы 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 на клавиатуре. Чтобы это лучше понять попробуйте убрать тэг<br> со страницы. И посмотрите результат, если вы все сделали правильно, то у вас должно получиться вот так. Видите, надпись выводится одной строкой. Для завершения эксперимента попробуйте вставить побольше тэгов <br>. Результат будет уже такой
| |
