slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 3849
Мы подошли к очень важной теме. Это атрибуты тегов. Как мы уже узнали из предыдущих статей, язык HTML строится на тегах. Важным элементом тегов являются его атрибуты, их очень много и каждый имеет свое назначение. Для каждого тега существует свой набор атрибутов. Некоторые атрибуты общие для нескольких тегов, а некоторые имеют специфическое назначение для определенного тега.

Атрибуты имеют свой синтаксис и пишутся внутри тега, за скобками, после имени тега но, не выходя за пределы закрывающей скобки. Важно! Атрибуты не пишутся у закрывающего тега.

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

Например, у тега вводного поля <input> есть атрибут обязательного заполнения, изначальное состояние, что поле можно не заполнять, а если добавить атрибут required, то поле станет обязательным к заполнению:

 

<input type="text" required/>

 

Для того, чтобы определить атрибут со свойством у какого-то тега нужно внутри тега написать название атрибута равно и значение атрибута в двойных кавычках. Для понимания у тега картинки <img> (не парный тег), есть атрибут src (путь до картинки/ссылка на нее). Тогда вот как это будет выглядеть:

 

<img src="/Путь/ссылка" />

 

Пример для парного тега ссылки <a></a> для него при помощи атрибута href задается ссылка на страницу сайта:

 

<a href="/Ссылка на страницу сайта">Нажми на меня и перейдет по ссылке</a>

 

Отдельно хочу упомянуть о двух атрибутах это id и class, они используются для того, чтобы помечать определенные группы или отдельные теги, чтобы в будущем использовать к ним CSS-стили. Стоит понимать, что два и более тега с одним и тем же id не может быть, это как уникальный идентификатор тега, для того, чтобы обозначить группу тегов использовать стоит атрибут class.

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

Пример стилизирования текста внутри тега абзаца <p></p> при помощи атрибута style:

 

<p style="text-align:center;color: #00ff00;">Этот текст выравнен по центру и окрашен в зеленый цвет.</p>

 

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

Приведу заключительный пример по атрибутам, в котором будут реальные свойства

 

<HTML>
    <HEAD>
        <TITLE> Пример по атрибутам </TITLE>
    </HEAD>
    <BODY>
        <input type="text" required/><br>
        <img src="/logo.png" /><br>
        <a href="http://web.cofp.ru">Нажми на меня и перейдешь по ссылке</a><br>
        <p style="text-align:center;color: #00ff00;">Этот текст выравнен по центру и окрашен в зеленый цвет.</p>
    </BODY>
</HTML>

 

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

5 1

< >

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

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

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

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

IHC

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

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

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

ZOMRO аватар
Домен — это неотъемлемая часть бизнеса, которая также влияет на поисковую систему. Признаки доменно...
Перейти в тему
ZOMRO аватар
На что ориентироваться при выборе хостинга? Функционал и количество ресурсов. Выбираем те параметр...
Перейти в тему
ZOMRO аватар
Красивое имя для сайта или регистрация доменных имен. Заказав у нас услугу хостинга или VDS/VPS, Вы ...
Перейти в тему

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

Javascript функции

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

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

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

CPA сети 30.01.2017
CPA сети

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