Дружно составляем основы html!!!
Добавлено: 11 ноя 2008, 17:30
Дружно составляем основы html!!! Кто не примет участия, тот дурак!!! Играли когда-нибудь в тупые форумные игры типа "сделаем сказку"? вот тут точтно также, только составлять будем учебник html по цепочке. я начну:
Добавление элемента html
Элемент html считается корневым элементом любого HTML-документа.
Корнево элемент языка html
Просто, не правда ли? :twisted:
Элементы head и title
Теперь добавляем элемент head. Он содержит все элементы , необходимые для отображения и выполнения документа, но которые не отображаются в окне браузера. Чтобы создать раздел head, необходимо просто добавить теги head в верхнюю часть шаблона, непосредственно за открывающимся тегом <html>
Элементы в разделе документа head
title - Задает заголовок документа. Отображается в строке заголовка браузера. Данный элемент является обязательным.
meta - Используется для указания ключевых слов и описаний, кодировки символов и автора документа.
script - Позволяет вставлять скрипты в документ, или, что более предпочтительного, с его помощью указывается ссылка на необходимый для использования скрипт.
style - Позволяет размещать информацию о стиле прямо на странице.
Элемент body
Элемент, где будет размещено все содержимое и произведена разметка страницы.
Элемент body размещен в элементе html, за элементом head.
Элемент <IMG>
Используется для вставки в тело документа графического изображения. Кроме того, элемент <IMG> поддерживает различные атрибуты.
Пример: <IMG src="URL" атрибуты>
* src
Этот атрибут указывает на файл графики, задавая его URL.
Пример:
* alt
В некоторых случаях, когда браузер не в состоянии загрузить файл с изображением, либо когда пользователь намеренно, с целью сэкономить время и деньги, отключает загрузку картинок, на экране высвечивается альтернативный текст, поясняющий картинку.
Пример:
* width
Этот атрибут задает ширину области в пикселях, отводимой в окне под изображение.
Пример:
* height
Этот атрибут задает высоту области в пикселях, отводимой в окне под изображение
Пример:
Добавление элемента html
Элемент html считается корневым элементом любого HTML-документа.
Корнево элемент языка html
Код: Выделить всё
<html>
</html>
Элементы head и title
Теперь добавляем элемент head. Он содержит все элементы , необходимые для отображения и выполнения документа, но которые не отображаются в окне браузера. Чтобы создать раздел head, необходимо просто добавить теги head в верхнюю часть шаблона, непосредственно за открывающимся тегом <html>
Код: Выделить всё
<html>
<head>
</head>
</html>
title - Задает заголовок документа. Отображается в строке заголовка браузера. Данный элемент является обязательным.
meta - Используется для указания ключевых слов и описаний, кодировки символов и автора документа.
script - Позволяет вставлять скрипты в документ, или, что более предпочтительного, с его помощью указывается ссылка на необходимый для использования скрипт.
style - Позволяет размещать информацию о стиле прямо на странице.
Элемент body
Элемент, где будет размещено все содержимое и произведена разметка страницы.
Элемент body размещен в элементе html, за элементом head.
Код: Выделить всё
<html>
<head>
<title>Текст заголовка. Хочу воспользоваться возможностью и передать приветы всем свои друзьям!!!</title>
</head>
<body>
</body>
</html>
Используется для вставки в тело документа графического изображения. Кроме того, элемент <IMG> поддерживает различные атрибуты.
Пример: <IMG src="URL" атрибуты>
* src
Этот атрибут указывает на файл графики, задавая его URL.
Пример:
Код: Выделить всё
<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif">
В некоторых случаях, когда браузер не в состоянии загрузить файл с изображением, либо когда пользователь намеренно, с целью сэкономить время и деньги, отключает загрузку картинок, на экране высвечивается альтернативный текст, поясняющий картинку.
Пример:
Код: Выделить всё
<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif" alt="Тут нарисован логотип">
Этот атрибут задает ширину области в пикселях, отводимой в окне под изображение.
Пример:
Код: Выделить всё
<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif" alt="Тут нарисован логотип" width="100">
Этот атрибут задает высоту области в пикселях, отводимой в окне под изображение
Пример:
Код: Выделить всё
<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif" alt="Тут нарисован логотип" width="100" height="50">