Дружно составляем основы html!!! Кто не примет участия, тот дурак!!! Играли когда-нибудь в тупые форумные игры типа "сделаем сказку"? вот тут точтно также, только составлять будем учебник html по цепочке. я начну:


Добавление элемента html
Элемент html считается корневым элементом любого HTML-документа.
Корнево элемент языка html

Код: Выделить всё

<html>
</html>
Просто, не правда ли? :twisted:

Элементы head и title

Теперь добавляем элемент head. Он содержит все элементы , необходимые для отображения и выполнения документа, но которые не отображаются в окне браузера. Чтобы создать раздел head, необходимо просто добавить теги head в верхнюю часть шаблона, непосредственно за открывающимся тегом <html>

Код: Выделить всё

<html>

<head>
</head>

</html>
Элементы в разделе документа head
title - Задает заголовок документа. Отображается в строке заголовка браузера. Данный элемент является обязательным.
meta - Используется для указания ключевых слов и описаний, кодировки символов и автора документа.
script - Позволяет вставлять скрипты в документ, или, что более предпочтительного, с его помощью указывается ссылка на необходимый для использования скрипт.
style - Позволяет размещать информацию о стиле прямо на странице.

Элемент body
Элемент, где будет размещено все содержимое и произведена разметка страницы.
Элемент body размещен в элементе html, за элементом head.

Код: Выделить всё

<html>
<head>
<title>Текст заголовка. Хочу воспользоваться возможностью и передать приветы всем свои друзьям!!!</title>
</head>
<body>
</body>
</html> 
Элемент <IMG>

Используется для вставки в тело документа графического изображения. Кроме того, элемент <IMG> поддерживает различные атрибуты.
Пример: <IMG src="URL" атрибуты>


* src

Этот атрибут указывает на файл графики, задавая его URL.
Пример:

Код: Выделить всё

<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

Этот атрибут задает ширину области в пикселях, отводимой в окне под изображение.

Пример:

Код: Выделить всё

<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif" alt="Тут нарисован логотип" width="100">
* height

Этот атрибут задает высоту области в пикселях, отводимой в окне под изображение

Пример:

Код: Выделить всё

<img src="http://4admins.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/kab_admina5.gif" alt="Тут нарисован логотип" width="100" height="50">
Комментарии: 2

911 13 ноя 2008, 20:12 Сообщение

Задаём цвет фона страницы тег BODY BGCOLOR:

У тега <BODY> есть свои параметры, с помощью которых мы сможем задать цвет фона страницы, цвет текста в документе и т.д. Цвет фона страницы можно задать так:

<BODY BGCOLOR="Здесь название цвета фона или его шестнадцатеричный вид">

Например, чтобы цвет фона был красным мы должны написать следующий код:

Код: Выделить всё

<BODY BGCOLOR="RED">
или

Код: Выделить всё

<BODY BGCOLOR="FF0000">

После добавления атрибута BGCOLOR, для придания цвета фону, весь наш HTML документ теперь будет выглядеть так:

Код: Выделить всё

<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY BGCOLOR="RED">
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>
Параметры отступов в документе:

Следующими параметрами:

1. leftmargin - отступ слева
2. rightmargin - отступ справа
3. topmargin - отступ сверху
4. bottommargin - отступ снизу

Могут быть указаны параметры отступов в документе.

Общий вид:

<BODY ПАРАМЕТР=" ЧИСЛО В ПИКСЕЛЯХ">

Например:

Код: Выделить всё

<BODY leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
Картинка в роле фона тег BODY BACKGROUND:

Фоном можно сделать и картинку. Можно использовать, как большой графический файл ( учтите страница будет грузиться очень долго ), так и маленький. Он будет автоматически размножен обозревателем по всей странице.

Код: Выделить всё

<BODY BACKGROUND="IMAGES.GIF">
Где images.gif - адрес и имя файла картинки. В данном случае файл должен находиться в одной папке с самой страницей. А если допустим он находится еще в папке images, то путь будет следующим "images/images.gif". Если файл находится на каком то сайте то путь будет следующим:

Код: Выделить всё

<BODY BACKGROUND="HTTP://WWW.ИМЯ САЙТА.RU/IMAGES/IMAGES.GIF">
При всем желании сделать фоном рисунок, я все таки посоветовал использовать фон цветом. ( Посмотрите на популярные сайты. Практически не на одном из них нет рисунка в качестве фона )

Наш код теперь будет иметь следующий вид:

Код: Выделить всё

<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY BACKGROUND="HTTP://WWW.ИМЯ САЙТА.RU/IMAGES/IMAGES.GIF" BGCOLOR="RED">
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Написав одновременно два параметра, один из которых делает фон красным, а другой делает фон рисунком, я тем самым обезопасил себя. Допустим человек смотрит страницу без поддержки рисунков, тогда фон у него будет цветом, а если поддержка рисунков включена, то и фон будет залит из рисунков.

Говорим спасибо :)
  • 0
Не прилагай столько усилий, все самое лучшее случается неожиданно

Член политбюро 18 ноя 2008, 19:20 Сообщение

Хоть один человек подхватил инициативу +1

Тег CENTER

Описание
Тег <CENTER> выравнивает содержимое контейнера по центру относительно родительского элемента.

Синтаксис

Код: Выделить всё

<center>Текст</center>
Параметры
Нет.

Закрывающий тег
Обязателен.

Выравнивание текста

Код: Выделить всё

   1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
   2. <html>  
   3.  <head>  
   4.    <title>Тег CENTER</title>  
   5.    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">  
   6.  </head>  
   7.  <body>   
   8.  <center>  
   9.   <p>Разум — это Будда, а прекращение умозрительного мышления — это путь.   
  10.   Перестав мыслить понятиями и размышлять о путях существования и небытия,   
  11.   о душе и плоти, о пассивном и активном и о других подобных вещах,   
  12.   начинаешь осознавать, что разум — это Будда,   
  13.   что Будда — это сущность разума,   
  14.   и что разум подобен бесконечности.</p>  
  15.   </center>    
  16.  </body>   
  17. </html>  
  • 0

Похожие темы