slogin.info

ihc 468x60 1 1
Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна0 / 5
 
Автор: Администратор
Просмотров: 1870
Теги: html, tags, attribute, tag

Итак, мы переходим к следующему уроку по изучению языка программирования HTML. На этом этапе я расскажу вам, что такое атрибуты тега и их значения и какие они бывают (некоторые примеры).

basic HTML4

Вы наверняка уже заметили, что во многих примерах в интернете, на самих страницах сайтов часто встречаются теги не стандартного вида, примеры которых я показывал в предыдущих двух статьях (Основы HTML. Урок №3. Некоторые теги тела документа(Часть 1) и Основы HTML. Урок №3. Некоторые теги тела документа(Часть 2)). В реальности же теги обрастают множеством различных атрибутов.

Определением атрибута у тега или аналогом может служить слово «Характеристика», говоря иными словами, каждый атрибут определяет какую-то характеристику тега, будь то ширина, высота, цвет фона, цвет текста и другое.

Используя атрибуты можно создать элементы необходимого вида на страничке браузера. Для того, чтобы задать характеристику (атрибут) необходимо у этого атрибута указать его значение, каждому атрибуту соответствуют свои значения и их формат.

Так, например, атрибуту width (ширина) можно задавать значения ширины в пикселях (px), единицах (em), процентах (%) и т.д.

А есть атрибут align, который может принимать значения право(right), лево(left), по центру(center), по ширине страницы(justify).

Как вы видите, некоторые значения могут выражаться в числах с их размерностью, либо атрибут как значение может принимать только одно из определенных ему.

Теперь поговорим о синтаксисе описания атрибута для определенного тега в HTML. Как пример возьмем тег p и атрибут align:

 

<p align="right">Этот текст будет прижат к правому краю</p>

 

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

 

<тег атрибут="значение_атрибута"></тег>

 

Далее я приведу несколько примеров использования тегов и их атрибутов. Полный список тегов, атрибутов и их значений можно найти в интернете, один из хороших сайтов-справочников я подсказал вам в статье «Языки программирования (ссылка в конце страницы)».

Создадим ссылку с заданным адресом перехода атрибутом target, который определяет как открывать эту ссылку и title который описывает ссылку:

 

<a href="http://web.cofp.ru/" target="_blank" title="Ссылка на главную страницу">На главную</a>

 

Здесь атрибут href отвечает за адрес ссылки, значение _blank говорит что страницу открытую по этой ссылке нам нужно вывести в новом окне браузера, а значение «Ссылка на главную страницу» будет появляться при наведении на ссылку и удержании на ней курсора некоторое время, так же данный атрибут имеет роль для поисковых систем.

Создадим картинку, зададим ей адрес изображения тегом src, описанием картинки alt, и зададим центрирование при помощи align:

 

<img src="http://web.cofp.ru/images/system/logo.png" alt="Лого нашего сайта" align="middle" />

 

Здесь «http://web.cofp.ru/images/system/logo.png» это значение у атрибута src и оно задает по какому адресу нужно брать картинку, атрибут alt с значением «Лого нашего сайта» отвечает за описание картинки, оно может появиться если по каким-то причинам сама картинка не загрузилась или если навести на нее и подержать курсор, так же имеет значение для поисковых систем, атрибут align со значением rightприкажет картинке прижаться к правому краю страницы.

На этом заканчиваю эту стать об атрибутах и их значениях, а так же их роли в HTML.

Добавить комментарий

Авторизоваться с помощью:

     


Защитный код
Обновить

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    5.60
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
  • Hozephlof
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Похожие материалы

Языки программирования сайтов

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее
Основы HTML. Урок №1. Как создать HTML документ?

С этой статьи я начинаю свой цикл, посвященный основам HTML, где я буду доступным и постараюсь понятным для новичков языком объяснять основы данного веб-языка.

Теги:

html, document, file

Комментариев: 0 Подробнее
Основы HTML. Урок №2. Структура страницы.

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

Теги:

html, title, body, head

Комментариев: 0 Подробнее
Основы HTML. Урок №3. Некоторые теги тела документа.

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

Теги:

html, tags, img, tag, div

Комментариев: 0 Подробнее

Последнее с форума

intuit89 аватар
Работаем в прежнем режиме, ждем новых заказов с интересными проектами...
Перейти в тему
ZOMRO аватар
Виртуальные выделенные сервера на облачной платформе Облачные VDS/VPS — это услуга, которая поможет...
Перейти в тему
ZOMRO аватар
Друзья, встречайте новинку в ассортименте наших услуг — тарифный план “Nano”. Тариф VDS/VPS «NANO» ...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.