Здравствуйте!
Cегодня мы с Вами, поговорим об одной очень обширной и интересной теме, она называется HTML. Впрочем, интересной сейчас она Вам может и не показаться, но в вопросе сайтостроения нам ее никак не обойти, поэтому, навострим свою понималку и приступим… Чтобы увидеть, что такое html-код, зайдите на любую веб – страничку и перейдите в браузере: Вид – Просмотр html-кода. В открывшемся окне Блокнота, Вы увидите огромное количество всяких скобочек, буковок и т.д., а между ними понятный для глаза текст. Это и есть html-код страницы. Не пугайтесь, строить сайт, набирая все эти кракозябы, нам не придется, однако, с основными понятиями и тэгами HTML познакомиться необходимо. Так вот html (hypertext markup language) – это язык разметки веб – страницы. Непонятно? Ну, то есть, как я уже говорил, основной контент сайта – это текст, а вот эти самые скобочки, крючочки и буквочки определяют, как этот текст (и не только текст) будет выглядеть и где находиться. А теперь немного практики. Открываем: Пуск – Программы – Стандартные - Блокнот и пишем:
<html>
<head>
<title>Moя первая страница</title>
</head>
<body>Привет всем? Это мой первый сайт</body>
</html>
Привет всем! Это мой первый сайт
Привет всем! Это мой первый сайт
Теперь в Блокноте идем: Файл – Сохранить как, выбираем тип файла: все файлы и сохраняем документ под каким-нибудь именем, но обязательно с расширением .html, например index.html. Все! Ваша страничка, созданная своими руками готова! Теперь откройте Ваш index.html там где Вы его сохранили и посмотрите, что получилось.
Забавно, правда?
Так вот – то, что Вы набирали в блокноте – это общая структура страниц сайта, т.е. любая из страниц, открываемая браузером, содержит тэги <html,<head>,<body>. А тэг – это оформленная единица html – кода. Тэги бывают открывающими и закрывающими, начинающимися со знака "/”.
Например, открывающему тэгу <title> соответствует закрывающий тэг </title> а все, что находится между ними, является заголовком страницы.
А теперь откройте свой index.html и перейдите: Вид – Просмотр html-кода. После чего, слева и справа от надписи "Привет всем! Это мой первый сайт” поставьте тэги, соответственно <b> и </b> Нажмите "Сохранить” в Блокноте и Вид – обновить в браузере.
Видите, как изменилась надпись на странице? Правильно, шрифт стал жирным.
Т.е. тэги <b> и </b> говорят браузеру, что текст, заключенный между ними, следует отображать жирным шрифтом.
А теперь попробуйте поэкспериментировать с тэгами <i> и </i> , поставьте их вместе, или вместо, тэгов <b> и </b> и посмотрите, как измениться надпись. Сохраните Ваш index.html до следующего занятия.
ТЕМАТИЧЕСКОЕ ПРЕДЛОЖЕНИЕ:
Источник: http://www.onlinewm.at.ua |