 |
БАСТ | Дополнение 1 |
Урок №1
Общие сведения
Язык HTML не является языком программирования. Он служит для описания документов, которые будут понятны почти на всех компьютерных платформах во Всемирной паутине. Документ, написанный в HTML, состоит из ASCII-текста и HTML-кодов, которые форматируют текст, встраивают ссылки на другие документы в сети или на этом же сайте, а также добавляют мультимедиа-объекты.
Теги - это специальные кодовые слова в языке HTML, которые заключены в угловые кавычки: < и >.
Начало
Лучшее обучение - это сочетание теории и практики. Язык HTML позволяет видеть результат своей работы немедленно. HTML-документы вы можете писать в БЛОКНОТЕ. Сохраняйте файл с расширением htm или html. Для просмотра результата нужен Internet Explorer или любой другой браузер (MyIE2, Opera, Netscape).
Для создания первой странички нам достаточно узнать следующие теги (tag):
<html> </html><head> </head>
<title> </title>
<body> </body>
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
Большинство тегов "работают" в паре. Первая колонка - это открывающие теги. Вторая колонка - закрывающие теги. Они отмечены наклонной чертой.
Теперь напишем первую страничку и разберем ее структуру.
<html><head> <title>Первый урок</title>
</head>
<body>
<h1> Первый заголовок</h1>
<h2> Второй заголовок</h2>
<h3> Третий заголовок</h3>
<h4> Четвертый заголовок</h4>
<h5> Пятый заголовок</h5>
<h6> Шестой заголовок</h6>
</body>
</html>
Сохраните файл в БЛОКНОТЕ с расширением .htm или.html. Например: 1.html
Теперь запустите этот файл в Internet Explorer. Посмотрите, что получилось.
Рассмотрим теги подробнее
- Каждый документ HTML начинается с тега <html> и заканчивается </html>. Вся информация, включенная вами в документ, находится между этими тегами. У дескриптора разметки <html> есть атрибуты. Рассматрим их позже.
- Заголовок документа располагается между тегами <head> и </head>. Внутри этих дескрипторов разметки помещают теги <title> и </title>. Все символы, расположенные внутри этих тегов, браузер рассматривает, как название документа, и выводит его в строке заголовка окна. (В нашем уроке "Первый урок")
- Содержимое страницы, выводимое в окне браузера, находится между тегами <body> и </body>.
Этот тег имеет ряд атрибутов. Здесь мы рассмотрим только два: bgcolor (цвет фона докуметна) и text (цвет текста).
Формат записи следующий:<body bgcolor="цвет" text="цвет"></body>,br> Цвет задается шестнадцатеричным кодом трехбйтного RGB-цвета, заключенный в кавычки со знаком #.
Фомат: text="#FFFFFF bgcolor="#000000".
Обратитесь к "Словарику цветов" , в котором указан соответствующий код для каждого цвета. - Теги <h1>... <h6> служат для форматирования заголовков разных уровней. Попробуйте все.
Атрибут align позволяет выравнивать загловки: align=left (по левому краю); align=center (по центру); align=right (по правому краю); align=justify (растягивает заголовок на всю ширину текста).
Формат: <h1 align=center ></h1> - Когда документ очень большой, удобно иметь комментарии, которые не видны в браузере, но заметны при
исправлении.
Формат: <!--комментарий-->
© 2005 БАСТ |
