HTML Flashcards
Теги ?
<!— Это есть комментарий , который не выводится на странице сайта -»
<p> парный тег и выделяет текст в параграф </р>
<strong> парный тег и выделяет текст жирным шрифтом !
<em> текст курсивом </em>
<hr></hr> -одиночный тег ( горизонтальная линяя!
<br></br> одиночный тег переноса строки
</strong></p>
Тег заголовок и какие бывают ?
<h1>Заголовок первого уровня‹/h1>
‹h2>3аголовок второго уровня‹ / h2›
‹h3>Заголовок третьего уровня‹/h3>
‹h4>3аголовок четвертого уровня</h4>
<h5>Заголовок первого уровня‹ /h5>
<h6>Заголовок первого уровня‹ / h6>
Разница масштаба букв от самых больших к маленьким
</h6></h5></h1>
Атрибуты тегов
Имя_атрибута-“значение атрибута”
id- Указывает имя стилевого идентификатора.
class- Определяет имя класса, которое позволяет связать тег со стилевым оформлением.
stule- Применяется для определения стиля элемента с помощью правил CSS.
Атрибуты вписываются в теги !
‹article›
<bodv>
‹article id=""›
<h2></h2>
‹article id=""›
<h2></h2>
Независимая отдельная часть контента, которая имеет свой заголовок и содержание, которое можно без проблем взять использовать на другом сайте без потери логики.
</bodv>
section ?
‹section>
<h2></h2>
<h3></h3>
Часть документа, которая имеет свой смысл и значение. От article отличается невозможностью вырвать со страницы млм контекста страницы.
</section)
<nav>
</nav>
Навигационные разделы сайта, то есть разные меню!
</nav>?
<nav>
</nav>
Навигационные разделы сайта, то есть разные меню!
</nav>?
<header>?
</header>
<header>
Вводная часть отдельного раздела (article или section), обычно используется для подсказок, анонсов, навигации.
</header>
<main>
</main>
<main>
Основное, не повторяющееся на других страницах содержимое. Он один на страницу, а внутри идут другие блоки. Такой себе оберточный контейнер.
<\main>
</main>
<main>
</main>
<main>
Основное, не повторяющееся на других страницах содержимое. Он один на страницу, а внутри идут другие блоки. Такой себе оберточный контейнер.
<\main>
</main>
<footer>
</footer>
<footer>
Нижняя (подвальная или футерная) часть сайта, которая в большинстве случаем не изменна на всех страницах
</footers
</footer>
Тег dir ?
Ter <dir> создает список, содержащий названия директорий (системные папки). Аналогично тегам <ol> и <ul>
Внутри контейнера <did> список формируется с помощью тегов <Ii>
Тег dir вышел из употребления и вместо него рекомендуется использовать тег <uI></uI></Ii></did></dir>
<dir>
<li>cat</li>
<li>dev</li>
<li>ass</il>
</dir>
</li></dir>
Также есть атрибут dir ?
Задает направление и отображение текста – слева направо или справа налево. Браузеры обычно самостоятельно различают направление текста, если он задан в кодировке Юникод, но с помощью атрибута dir можно указать, в каком направлении отобоажать текст. Для арабских и еврейских символов приоритетным является направление, заложенное в Юникод, поэтому на них атрибут dir
действовать не будет
<p>naw - суббота</р>
‹р›В ашкеназском произношении звучит как «шабос» (идиш «шабес»), а в сефардском - как «шабат».</р>
</p>
Атрибут class
Задает стилевой класс, который позволяет связать определенный тег со стилевым оформлением. В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.
<!DOCTYPE html> <htm1> <head>
‹meta charset="ut f-g"y <title>Атрибут class</title> ‹style>
р ( /* Обычный абзац */ text-align: justify; /* Выравнивание текста по ширине
]
p.cite ( /* Абзац с классом cite
* /
color: navy; /* Синий цвет текста
* /
margin-left: 20px; /* Оступ слева * / border-left: Ipx solid navy; /* Граница слева ох текста padding-left: 15px; /* Расстояние от линии до текста
</style> </head> <body></htm1>
Атрибут accesskey
Этот атрибут помогает заложить в код комбинацию горячих клавиш благодаря, которым к примеру можно выводить необходимую страницу или копировать!
Атрибут accesskey позволяет получить доступ к элементу с помощью сочетания клавиш с заданной в атрибуте буквой или цифрой.
Браузеры при этом используют различные комбинации клавиш. Например. для accesskey=”s” работают следующие сочетания.
Значения :
Цифра (0-9) или латинская буква (a-z).
Пример. Использование атрибута accesskey
<! DOCTYPE htm1> <html> <head> <meta></meta> <title>Атрибут accesskey</title>
‹head>
HTML5| IE Cr Op SalEx
<p›<a>Горячая клавица X
для открыия ссымки…/а/р?
p›a hret= images/robot.jpg” accesskey=”‘r”‘>Горячая клавиша R
для открытия
ссылки…/а»/р
</body></a>
