Дружно составляем основы html!!!

Кладовая теории, в которой собран опыт многих администраторов которые добились успехов в продвижении форумов.
Оптимизация phpbb3 | В каких цветах оформить форум? | Бесплатная раскрутка форума | Поисковая оптимизация (SEO)
Член политбюро

Дружно составляем основы html!!!

Член политбюро 11 ноя 2008, 17:30 Сообщение

Дружно составляем основы 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://cabinetadmina.ru/storage/up_4admins_ru/images/kab_admina5.gif">


* alt

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

Пример:

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

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


* width

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

Пример:

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

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


* height

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

Пример:

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

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

911

Re: Дружно составляем основы html!!!

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>



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

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

Член политбюро

Re: Дружно составляем основы html!!!

Член политбюро 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>



Похожие темы

Вернуться в «Статьи / советы / инструкции.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость