Html code: Тег | htmlbook.ru

Тег HTML — использование, атрибуты, примеры

❮ Пред. Следующий ❯

Тег используется для вставки переменных, фрагментов программного кода и т.п. в документ HTML. В браузере код отображается моноширинным шрифтом (шрифт, в котором все символы имеют одинаковую ширину) меньшего размера.

Тег сам по себе представляет одну строку кода или кодовую фразу. Он должен быть заключен в элемент

 для представления нескольких строк кода. 
 
 Вы можете использовать CSS для достижения лучших эффектов.
 
 
 Тег  идет парами. Содержимое записывается между открывающим () и закрывающим () тегами. 
  
 Пример тега HTML 
 :
  
 

  <голова>
    
  
  <тело>
    
Обычный текст.
    Строка программного кода.
    
Продолжение обычного текста.
  
 
 Попробуй сам "
 Результат 
 Пример тега HTML 
 , помещенного внутри тега HTML
:
  
  

  <голова>
    
  
  <тело>
    <пред>
      <код>
        тело {
          цвет: желтый;
          размер шрифта: 16px;
          высота строки: 1,5;
        }
      
    
 
 Попробуй сам "
 Пример тега HTML 
  со свойствами CSS:
 

  <голова>
    
    <стиль>
      . код-стиль {
        размер шрифта: 20px;
        высота строки: 28px;
        цвет фона: голубой;
        цвет: #ffffff;
      }
    
  
  <тело>
    
Обычный текст.
    Строка программного кода.
    
Продолжение обычного текста.
  
 
 
 Попробуй сам "
 Тег  поддерживает глобальные атрибуты и атрибуты событий.
 Как оформить тег 
?
 Общие свойства для изменения визуального веса/выделения/размера текста в теге 
:
 Свойство CSS font-style устанавливает стиль шрифта. нормальный | курсив | наклонный | начальная | наследовать.
 Свойство CSS font-family задает приоритетный список из одного или нескольких имен семейств шрифтов и/или общих имен семейств для выбранного элемента.
 Свойство CSS font-size устанавливает размер шрифта.
 Свойство CSS font-weight определяет, должен ли шрифт быть полужирным или толстым.
 Свойство CSS text-transform управляет регистром текста и регистром символов. 
 Свойство CSS text-decoration определяет украшение, добавляемое к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
 Цветной текст в теге 
:
 Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.
 Свойство CSS background-color устанавливает цвет фона элемента.
 Стили макета текста для тега 
:
 Свойство CSS text-indent определяет отступ первой строки в текстовом блоке.
 Свойство CSS text-overflow указывает, как пользователь должен сигнализировать о переполненном содержимом, которое не отображается.
  Свойство CSS white-space указывает, как обрабатывается пробел внутри элемента.
 Свойство CSS word-break указывает, где строки должны быть разорваны.
 Другие свойства тега 
, на которые стоит обратить внимание:
 Свойство CSS text-shadow добавляет тень к тексту.
 Свойство CSS text-align-last устанавливает выравнивание последней строки текста.
 Свойство CSS line-height определяет высоту строки.
 Свойство CSS letter-spacing определяет интервалы между буквами/символами в тексте.
 Свойство CSS word-spacing устанавливает расстояние между словами.
 
 12 принципов чистого HTML-кода — журнал Smashing Magazine 
 8 мин чтения
 Кодирование
Рабочий процесс,
CSS,
Принципы,
Персонажи,
Проверка
 Поделиться в Twitter, LinkedIn
 Об авторе 
 Крис — веб-дизайнер и разработчик. Он пишет обо всем, что связано с Интернетом, на CSS-Tricks, рассказывает обо всем, что связано с Интернетом, на конференциях по всему миру и в своих…
Больше о
Крис ↬
 Красивый HTML — основа красивого веб-сайта. Когда я учу людей CSS, я всегда начинаю с того, что говорю им, что хороший CSS может существовать только при такой же хорошей HTML-разметке. Дом настолько прочен, насколько крепок его фундамент, верно? Преимущества чистого семантического HTML многочисленны, но многие веб-сайты страдают от плохо написанной разметки. 
 Красивый и чистый HTML — основа красивого веб-сайта. Когда я учу людей CSS, я всегда начинаю с того, что говорю им, что хороший CSS может существовать только при такой же хорошей HTML-разметке. Дом настолько прочен, насколько крепок его фундамент, верно? Преимущества чистого семантического HTML многочисленны, но многие веб-сайты страдают от плохо написанной разметки.
 Давайте посмотрим на плохо написанный HTML, обсудим его проблемы, а затем приведем его в форму! Имейте в виду, что мы не выносим никакого суждения о  содержании 
  или  дизайне  этой страницы, а только о разметке, которая ее создает. Если вам интересно, взгляните на плохой код и хороший код, прежде чем мы начнем, чтобы вы могли увидеть общую картину. Теперь давайте начнем прямо сверху.
 Дополнительная литература на SmashingMag: 
 Почему стиль кодирования имеет значение
 7 принципов чистого и оптимизированного кода CSS. Нет необходимости обсуждать, что использовать: HTML 4. 01 или XHTML 1.0: оба они предлагают строгую версию, которая позволит нам быть вежливыми и честными при написании нашего кода.
 Больше после прыжка! Продолжить чтение ниже ↓
 В любом случае наш код не использует никаких таблиц для разметки (хорошо!), поэтому переходный DOCTYPE действительно не нужен.
  Ресурсы: 
 W3C: рекомендуемые DTD для использования в веб-документах
 Исправьте свой сайт с помощью правильного DOCTYPE!
 Больше никаких переходных DOCTYPE, пожалуйста
 2. Набор символов и кодировка символов 
 В нашем разделе самым первым делом должно быть объявление нашего набора символов. Здесь мы используем кодировку UTF-8, что здорово, но она указана после нашего