kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Практическая работа «Применение тегов HTML при создании web-страниц»

Нажмите, чтобы узнать подробности

Блочные элементы

Блочные элементы характеризуются тем, что занимают всю доступную ширину, высота элемента определяется его содержимым, и он всегда начинается с новой строки.

<blockquote>

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

<div>

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

<h1>,.,<h6>

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

<hr>

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

<p>

Определяет параграф (абзац) текста.

<pre>

Задает блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. В HTML любое количество пробелов идущих в коде подряд на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.

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

<abbr>

Выделяет в тексте аббревиатуру. Браузерами обычно подчеркивается пунктирной линией.

<abbr>CSS</abbr>

Практически ко всем тегам применим атрибут title - всплывающая подсказка, так вот если Вы в тексте выделяете некую аббревиатуру, старайтесь давать к ней расшифровку, используя данный атрибут.

<acronym>

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

Вступай в <acronym title="коммунистический союз молодёжи"> комсомол </acronym>!

Так же как и с аббревиатурой для расшифровки текста желательно использовать атрибут title.

<address>

Указывает автора документа и его адрес. Обычно отображается курсивом. Предназначен для поисковых систем для сбора информации об авторе его адресе и прочей информации владельца/цев сайта.

<address>Вася Пупкин г. Урюпинск Макаронная фабрика 2010г.</address>

<cite>

Выделяет в тексте цитату или сноску на другой документ. Обычно браузеры отображают её курсивом.

Как сказал Остап Бендер <cite>Лед тронулся! господа присяжные заседатели!</cite>

<code>

Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом.

<code>function()</code> - так обозначается функция в PHP

<del>

Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым.

Напоминает теги физического форматирования <strike> и сокращённый <s> - перечёркнутый текст.

Использование тега <del>, более предпочтительно, так как помимо того, что он разбавляет текст логикой еще и заменяет собой теги <strike> и <s>, которые помечены спецификацией 4.01 как нежелательные.

<del>Старая цена 1000р.</del> - Новая 999 р.!

<dfn>

Выделяет текст как определение. Как правило, когда в тексте встречается новый термин, авторы выделяют его курсивом и дают его определение, собственно для этого и нужен тег <dfn>

<dfn>Акроним</dfn> - аббревиатура, образованная из начальных букв, слов или словосочетаний, произносимая как единое слово, а не побуквенно.

<ins>

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

Противоположен по значению тегу <del> с ним же в паре обычно он и используется.

<del>Старая цена 1000р.</del> - <ins>Новая 999 р.</ins>!

<em>

Выделяет особенно важный фрагмент текста. Обычно отображается курсивом.

<em>Как создать сайт?</em> - узнай на Вебремесло.ру!

<kbd>

От английского keyboard - клавиатура. Указывает текст вводимый с клавиатуры, или для названия клавиш. Обычно отображается моноширинным шрифтом.

Нажмите <kbd>Ctrl + Z</kbd> для того чтобы отменить последнее действие.

<q>

Выделяет в тексте цитату. В отличие от тега <cite> цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки.

Как сказал Остап Бендер <q>Лед тронулся! господа присяжные заседатели!</q>

<samp>

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

В процессе решения задачи 2+2 программа выдаст ответ: <samp>4</samp>

<strong>

Выделяет особенно важный фрагмент текста. Обычно отображается полужирным.

<strong>Как создать сайт?</strong> - узнай на Вебремесло.ру!

<var>

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

Данная функция использует переменную <var>$count</var>


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Уроки

Целевая аудитория: Прочее.
Урок соответствует ФГОС

Скачать
Практическая работа «Применение тегов HTML при создании web-страниц»

Автор: Пучкина Татьяна Сергеевна

Дата: 25.09.2018

Номер свидетельства: 478774

ПОЛУЧИТЕ БЕСПЛАТНО!!!
Личный сайт учителя
Получите в подарок сайт учителя


Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства