Язык разметки html имеет множество тегов, обозначений и правил, которые могут использоваться в том или ином случае. Но на любой веб странице есть обязательные элементы, которые всегда нужно прописывать.
Чтобы было понятно, о чем речь, откройте блокнот и скопируйте туда следующее:
<html>
<head>
<title>Главная </title>
</head>
<body>
Добро пожаловать!
</body>
</html>
Теперь сохраните файл в формате html и откройте его. Поздравляю, это ваша первая страница. Сейчас на вашей странице всего два слова – «Добро пожаловать!» и ее название (можно посмотреть на верхний край браузера).
Теперь откройте любую страницу в Интернете (в Internet Exploler), наведите курсор на эту страницу и нажмите на правую кнопку мыши. Появится меню, вы берите пункт «Просмотр html-кода». Появится документ в текстовом редакторе, в котором отобразиться без код страницы. Не закрывая его, откройте еще какую-нибудь страницу, просмотрите ее html-код.
Есть ли какие-нибудь элементы этого кода, которые повторяются везде? Если вы уже увидели, поздравляю – изучить html вам будет не трудно. Тем, кто не увидел, подскажу: <html> и </html>. Это тег (о них пойдет речь в следующей главе), который используется на любой странице. Он означает начало и конец документа. Все, что выходит за его рамки может не отобразиться в браузере (но может и отобразиться, однако ошибки на таких страницах неизбежны).
Начиная любой документ, вы должны набрать <html>, а заканчивая - </html>.
Теперь взгляните на знаки между этими тегами. Что-нибудь заметили?
Все правильно – любой документ состоит из двух главных частей – части между тегами <head> и </head> и части между <body> и </body>. Знающим английский будет нетрудно понять их назначение.
В переводе с английского head означает «голова», а body – «тело». Для чего нужна «голова» документа, а для чего «тело»?
Все просто – в «голову» прописываются название, общие настройки страницы, например, фон, цвет текста и ссылок, и т.д. В нашем случае мы прописали одно название (заключенное в теги <title> и </title>). «Тело» документа – это его основная часть, где содержится сам контент (текст, ссылки, картинки). Между <body> и </body> мы прописываем все, что хотим видеть на странице. Например, в нашем примере мы написали текст «Добро пожаловать!».
Закрепим:
Любой документ начинается с <html> и заканчивается </html>, имеет «голову» (<head> … </head>) и «тело» (<body> … </body>). В голову в нашем случае прописывается название страницы (о других случаях будет в следующих уроках), а в тело – текст, картинки, таблицы, ссылки и т.п. На странице отображается только тот контент, который вы вставили в «тело».
У нас остается еще немного времени, поэтому расскажу еще о том, как вставить текст. Взгляните на пример выше. Как в нашем случае мы вставили текст? Правильно, в «тело». В отличие от других элементов страницы (таких, как ссылка, картинка или таблица) текст никак не выделяется и отображается в любом случае, если находится между тегами <body> и </body>. Сейчас текст не выделяется никак – он будет отображаться в стандартном цвете, размере и шрифте, который установлен по умолчанию в вашем браузере. Попробуйте написать что-нибудь еще, кроме нашего «Добро пожаловать!», и вы увидите текст на html- странице.
О том, что такое теги и как изменять формат текста, вы узнаете в следующих уроках.
|
