Урок 2. HTML атрибуты элементов

• 1 слайд

  HTML: Атрибуты элементов
  В создании презентации использованы контент сайта puzzleweb.ru
  
  

• 2 слайд

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

• 3 слайд

  Атрибуты состоят из пары: имя_атрибута="значение". Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено)..
  

• 4 слайд

  Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При указании нескольких атрибутов в одном элементе, они должны быть отделены друг от друга символом пробела. Порядок следования атрибутов не имеет значения <!-- при указании нескольких атрибутов для одного тега, они должны быть отделены
  друг от друга символом пробела
  <!-- при указании нескольких атрибутов для одного тега, они должны быть отделены
  друг от друга символом пробела -->
  

• 5 слайд

  <p атр1="значение" атр2="значение">содержимое</p>
  <!-- сочетание строчных и заглавных букв в имени атрибута -->
  <p АтРибУт1="значение">содержимое</p>
  Атрибуты могут быть записаны четырьмя различными способами:
  

• 6 слайд

  Пустой атрибут
  Атрибуты, значения которых совпадают с именем атрибута называют булевыми или пустыми. Для атрибутов булева типа поддерживается синтаксис, при котором явное указание значения атрибута можно опустить, написав только его имя, в этом случае значением будет являться неявно указанная пустая строка:
  <input disabled>
  Само присутствие в элементе булева атрибута представляет собой значение true (истина), а отсутствие этого атрибута - значение false (ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.
  

• 7 слайд

  Пустой атрибут
  <!-- все варианты работают одинаково, просто по-разному записаны -->
  <input disabled>
  <input disabled="">
  <input disabled=disabled>
  

• 8 слайд

  Атрибут со значением без кавычек
  
  Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (') и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.
  <input value=yes>
  

• 9 слайд

  Атрибут со значением в одиночных кавычках (апострофах)
  
  Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ('), но допускается содержание двойных кавычек (").
  <input type='checkbox'>
  

• 10 слайд

  Атрибут со значением в двойных кавычках
  
  
  Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ('), кроме двойных кавычек (").1
  <input name="be evil">
  Примечание: один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.