Основные теги языка HTML для форумов - HTML - Софт - Каталог файлов - Сайт для отдыха Shampusik
Вторник, 19.03.2024, 11:30
Приветствую Вас Гость |
Никнейм Shampusik зарегистрирован!

shampusik

Весны в душе!      

чатик


  
блеск блеск Друзья Сайта блеск блеск
блеск
Анекдот дня
- Доктор, у меня бывают провалы в памяти.
- Да? И часто они у вас бывают?
- Кто?
- Провалы.
- Какие провалы?
------------
На приёме у окулиста:
— Какую букву я показываю?
— А кто это говорит?
-----------
В лифте, на последнем этаже:
— Вниз?
— Нет, блин, в бок!
------------
 - Дочь, выпей со мной!
 - Ну пааап... 
 - Что пап?!
 Я же с тобой уроки делал!
------------
Доктор, посмотрите! – говорит мужик, спуская штаны перед урологом.
- Болит?
- Нет.
- Маленький?
- Нет.
- Большой?
- Нет.
- А что тогда?
- Правда, хорошенький?
------------
Юмор
Читать далее: Жми тут

Shampusik.ucoz.net

Сайт для отдыха и хорошего настроения.

Сайт где есть все.
Музыка, софт, фильмы, красивые картинки про Любовь, стихи, форум, новости и многое другое!!!


Доктор WEB

Посетители

  
Информер праздники сегодня

  
     


shampusik.ucoz.netСайт для отдыха и хорошего настроения




Моим друзьям


Пожелания друзьям !!!

Пожелания друзьям !!!

   
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Ваш IP адрес:
Ваш IP адрес:

Ваш IP адрес в данный момент

 

Каталог файлов

Главная » Файлы » Софт » HTML

Основные теги языка HTML для форумов
18.02.2015, 13:16
 В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-броузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. HTML-тэги могут быть условно разделены на две категории: тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом и тэги, описывающие общие свойства документа, такие как заголовок или автор документа . Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах.
  

Наиболее часто употребляющиеся теги для форматирования текста

 

<i></i>   - курсив

<b></b> - полужирный

<u></u> - подчеркнутый

<s></s> - перечеркнутый

<font color=red></font> - красный текст

<font size=+1></font>   - увеличить размер текст на единицу (до 7)

<font face="ARIAL"></font> - поставить шрифт текста

<br> - перевод каретки

<hr> - горизонтальная черта

<a href="адрес">ссылка</a> - сделать ссылку на адрес

<img src="адрес картинки">  - запостить картинку

<div align="center"></div>     - центровка текста (right - вправо, left - соответственно влево)

 

Основные теги

 

<html></html>  Указывает программе просмотра страниц что это HTML документ. 

<head></head>  Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. 

<body></body>  Определяет видимую часть документа  

Теги оглавления 

<title></title>  Помещает название документа в оглавление программы просмотра страниц


 Атрибуты тела документа

 

<body bgcolor=?>  Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. 

<body text=?>  Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет

<body link=?> Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет

<body vlink=?> Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет

<body alink=?> Устанавливает цвет гиперссылок при нажатии.


Таблица «безопасных» цветов 

 

Теги для форматирования текста

 

<pre></pre>  Обрамляет предварительно отформатированный текст. 

<h1></h1>    Создает САМЫЙ БОЛЬШОЙ заголовок 

<h6></h6>    Создает самый маленький заголовок 

<b></b>       Создает жирный текст 

<i></i>         Создает наклонный текст 

<tt></tt>      Создает текст - имитирующий стиль печатной машинки. 

<cite></cite> Используется для цитат, обычно наклонный текст. 

<em></em>   Используется для выделения из текста слова (наклонный или жирный текст) 

<strong></strong>      Используется для выделения наиболее важных частей текста (наклонный или жирный текст) 

<font size=?></font>   Устанавливает размер текста в пределах от 1 до 7. 

<font color=?></font>  Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

 

Гиперссылки

 

<a href="URL"></a> Создает гиперссылку на другие документы или часть текущего документа. 

<a href="mailto:EMAIL">

</a>      Создает гиперссылку вызова почтовой программы для написания письма автору документа. 

<a name="NAME"></a> Отмечает часть текста как цель для гипперссылок в документе. 

<a href="#NAME"></a> Создает гиперссылку на часть текущего документа.

 

Форматирование

 

<p>            Создает новый параграф 

<p align=?>  Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center 

<br>           Вставляет перевод строки. 

<blockquote></blockquote>  Создает отступы с обеих сторон текста. 

<dl></dl> Создает список определений. 

<dt>       Определяет каждый из терминов списка 

<dd>       Описывает каждое определение 

<ol></ol>  Создает нумерованный список 

<li>          Определяет каждый элемент списка и присваивает номер 

<ul></ul>  Создает ненумерованный список 

<li>  Предваряет каждый элемент списка и добавляет кружок или квадратик. 

<div align=?>  Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

 

Графические элементы

 

<img src="name">           Добавляет изображение в HTML документ 

<img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle 

<img src="name" border=?> Устанавливает толщину рамки вокруг изображения 

<hr>   Добавляет в HTML документ горизонтальную линию. 

<hr size=?>   Устанавливает высоту(толщину) линии 

<hr width=?> Устанавливает ширину линии, можно указать ширину в пикселах или процентах. 

<hr noshade> Создает линию без тени. 

<hr color=?>  Задает линии определенный цвет. Значение RRGGBB.

 

Таблицы

 

<table></table> Создает таблицу. 

<tr></tr>  Определяет строку в таблице. 

<td></td> Определяет отдельную ячейку в таблице. 

<th></th> Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) 


          Атрибуты таблицы 


<table border=#> Задает толщину рамки таблицы. 

<table cellspacing=#> Задает расстояние между ячейками таблицы. 

<table cellpadding=#> Задает расстояние между содержимым ячейки и ее рамкой. 

<table width=#>        Устанавливает ширину таблицы в пикселах или процентах от ширины документа. 

<tr align=?> или <td align=?>    Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right

<tr valign=?> или <td valign=?> Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom. 

<td colspan=#>  Указывает кол-во столбцов которое объединено в одной ячейке. (по умолчанию=1

<td rowspan=#> Указывает кол-во строк которое объединено в одной ячейке.      (по умолчанию=1

<td nowrap>      Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

 

Кадры

 

<frameset></frameset>           Предваряет тег <body> в документе, содержащем кадры; 

<frameset rows="value,value"> Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров. 

<frameset cols="value,value">  Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.

<frame>                       Определяет единичный кадр или область в таблице кадров. 

<noframes></noframes>  Определяет, что будет показано в окне браузера если он не поддерживает кадры.

 

Атрибуты кадров

 

<frame src="URL">      Определяет какой из HTML документов будет показан в кадре. 

<frame name="name"> Указывает Имя кадра или области, что позволяет выводить информацию в этот кадр или область из других кадров. 

<frame marginwidth=#>  Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1. 

<frame marginheight=#> Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1. 

<frame scrolling=VALUE> Указывает будет ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto".          Значение по умолчанию для обычных документов - auto

<frame noresize>        Препятствует изменению размеров кадра.


 

Формы

 

Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы. 

<form></form> Создает формы 

<select multiple name="NAME" size=?></select> Создает меню со скролингом. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки. 

<option>   Указывает каждый отдельный элемент меню 

<select name="NAME"></select>  Создает ниспадающее меню 

<option>   Указывает каждый отдельный элемент меню 

<textarea name="NAME" cols=40 rows=8></textarea>   Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту. 

<input type="checkbox" name="NAME">        Создает checkbox. За тегом следует текст. 

<input type="radio" name="NAME" value="x"> Создает radio кнопку. За тегом следует текст. 

<input type=text name="foo" size=20>         Создает строку для ввода текста. Параметром Size указывается длина в символах. 

<input type="submit" value="NAME">            Создает кнопку "Принять

<input type="image" border=0 name="NAME" src="name.gif">    Создает кнопку "Принять" - для этого используется изображение 

<input type="reset">                 Создает кнопку "Отмена"

 

                                                             Тоже полезно:

 
 

Тэг                   Назначение и атрибуты

 

                     ссылка


                                  href="другой_документ.html"  - путь к документу

                                  target=_blank     - открывает ссылку в новом окне

                                  name="anchor1"  - имя закладки

                                  title="Ваша подсказка"  - подсказка к ссылке (текстовой) 

 

B                        выделение текста полужирным шрифтом 

BIG                     выделение текста более крупным шрифтом, чем основной 

BODY                  тело документа, обязательный тэг


                                    text="#cc0000"                - задает цвет текста всего документа 

                                    bgcolor="#000000"            - задает цвет фона документа 

                                    background="картинка.jpg" - задает фоновую картинку 

                                    link="#ff9999"        - задает цвет ссылки 

                                    alink="#ff9999"      - задает цвет активной (нажатой) ссылки 

                                    vlink="#ff9999"      - задает цвет посещенной ссылки 

                                    topmargin="0"      - ширина верхнего и нижнего полей документа для IE 

                                    leftmargin="0"      - ширина левого и правого полей документа для IE 

                                    marginheight="0"  - ширина верхнего и нижнего полей документа для NN 

                                    marginwidth="0"   - ширина левого и правого полей документа для NN

BR                      принудительный перенос текста на другую строку

                    clear="all" (left, right) - завершение обтекания текстом объекта 


CENTER                                              центрирование текста и объектов
DIV                                                    выравнивание текста и объектов

                                    align="center" - центрирование 

                                    align="right"   - выравнивание по правому краю документа 

                                    align="left"     - выравнивание по левому краю документа 

                                    align="justify" - выравнивание по обоим краям документа 

 

HR                      линия

                                    align="right"     (center или left)

                                    width="30%"    (ширина линии в процентах)

                                    size="6"           (толщина линии)

                                    NoShade          (отмена объемности)

                                    color="cc0000"  (цвет линии, только в IE

 

                       выделение текста курсивом 

IMG                     подгрузка изображений (картинок)

                                   Border="5"    - рамка вокруг картинки 

                                   width="500"  - ширина картинки 

                                   height="100" - высота картинки 

                                   align="left"   - расположение текста по отношению к картинке 

                                   vspace="10" - расстояние от картинки до текста по вертикали

                                   hspace="30" - расстояние от картинки до текста по горизонтали 

                                   alt="описание" - описание картинки 


LINK                   вводит в документ внешние таблицы стилей

                                    href=”http://…”пусть к файлу со стилями

                                    type="text/css"тип содержимого, подгружаемой информации. 

 

MARQUEE            бегущая строка текста (только IE)

                                    bgcolor - цвет фона бегущей строки

                                    height  - высота строки

                                    width   - ширина строки

                                    behavior="scroll"  обычная прокрутка

                                    behavior="slide"       - строка пробегает до края и останавливается

                                    behavior="alternate" - строка будет двигаться от края к краю

                                    scrollamount="1" (1-10)             - скорость движения строки

                                    direction="left" (right, up, down) - движение влево (вправо, вверх, вниз) 

 

SCRIPT                  внедрение скриптов в документ

                                    type="text/javascript" - тип содержимого / язык 
 скрипта

                                    src="http://site.ru/put_k_sciptu/" - путь к внедряемому скрипту
                                      

TT                       шрифт пишущей машинки (моноширинный)

                        подчеркнутый текст
 


Категория: HTML | Добавил: Shampusik | Теги: для, форумов, языка, Основные, HTML, теги, основные теги языка HTML
Просмотров: 2618 | Загрузок: 0
Новости по теме:
Всего комментариев: 0
ROR$
avatar Профиль Выйти
Вы относитесь к группе пользователей, которым запрещено совершать данное действие.
avatar
Старый Вход блеск

Поиск
блеск Личный кабинет блеск
тут не скучно
форум19.03.2024
11:30




Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Новое на форуме Подробней о форуме
bleskНовое в Блоге
skupev
Добавлено: 25.11.2018
15 полезных для здоровья свойств простой воды

Комментарии: 0

skupev
Добавлено: 11.01.2017
Домашний коньяк — удивите ваших гостей!

Комментарии: 0

skupev
Добавлено: 23.11.2016
10 признаков счастливого человека.

Комментарии: 2

  • bleskНаш баннерблеск

    Если Вы хотите поддержать наш проект,
    разместите на своем сайте нашу кнопку:
  • Помощь сайту

    Если материалы данного сайта оказались Вам полезны, интересны, или же Вы просто хотите помочь развитию данного проекта, то мы приветствуем
    Любую Вашу помощь
    . Например:

    Ваши предложения по улучшению дизайна и удобства пользования сайтом.

    Ваши предложения по развитию сайта, появлению новых разделов.

    Добавление ссылок на наш сайт на тех форумах, где Вы часто бываете.

    Любая другая Ваша помощь!

    Для контакта с нами используйте Обратную связь. Самая эффективная и простая помощь для нас — частое посещение сайта и добавление новых отзывов! Если Вы хотите поддержать наш проект, разместите на своем сайте нашу кнопку.
  • WebMoney

    Если у Вас есть желание помочь материально,то можете отправить любую сумму на наш кошелёк
    WebMoney:

    R790729935749

    E246164539736

     -------------------
" Рекламма "
" Выведу методом запоя из соц.сетей: контакта и одноклассников! Пишите ..."

"Shampusik"

По всем спорным вопросам, Вы можете вызвать админа с помощью этой кнопки    
Никнейм Шампусик ,создан Для сайта и чатов ... с хорошей музыкой , адекватными людьми и приятным общением. )))     Сертификат на никнейм Shampusik, зарегистрирован на //shampusik.ucoz.net/
 
transport Индекс цитирования Яндекс.Метрика Рейтинг@Mail.ru Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог webplus.info счетчик 
посещений
Яндекс.Метрика