HTML

Введение

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере.

Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты, такие как интерактивная веб-форма, могут быть встроены в отображаемую страницу.

HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов.

Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img> и <input>, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов. Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

Язык XHTML является более строгим вариантом HTML, он следует синтаксису XML и является приложением языка XML в области разметки гипертекста.

В HTML можно встроить язык программирования JavaScript с помощью тега.

Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.

Все символы HTML

Все символы HTML. По категориям и по коду

Базовые приёмы

Неразрывный пробел - &nbsp;
«nbsp» расшифровывается как «non-breaking space»

Не забывайте про точку с запятой после nbsp и про то, что тег <br> теперь не модно писать как </br>и

Объединение ячеек в таблице: colspan и rowspan

Отступ внутри одной ячейки

style="padding-left:2%; padding-right: 1%;"

Без красной строки

<p style="text-indent: 0;">

И всё вместе:

<p style="padding-left:2%; padding-right: 1%; text-indent: 0;">

Отступ для всей таблицы

cellspacing="0" cellpadding="0"

Подчёркивание текста в HTML:

Тэг u, не несёт дополнительной смысловой нагрузки.

Тэг ins выделяет текст, добавленный в новую версию документа и обычно подчёркивается браузером.

Тэг a создает ссылку.

Перечёркнутый текст в HTML:

Тэги s и strike не несут дополнительной смысловой нагрузки. Заперещены в HTML 5

Тэг del выделяет текст, удалённый из новой версии документа и обычно перечёркивается браузером.

Валидация HTML

Онлайн валидатор w3.org

Html validator встраиваемый в firefox можно установить отсюда

Рекомендации W3C

здесь

Списки ol и ul нельзя размещать внутри абзацев p

Растягиваемое видео

<div style="position:relative;height:0;padding-bottom:56.25%"> <iframe width="720" height="405" src="http://rutube.ru/video/embed/6262341" webkitAllowFullScreen mozallowfullscreen style="position:absolute;width:100%;height:100%;left:0" allowfullscreen> </iframe> </div>

Цвета

MathML

Заметка мне на память

<!-- 010_header -->
<!DOCTYPE HTML>
<html>
<head>
<!-- 010_header ends -->
<!-- 020_header_2_level -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<div id="container">
<?php include("yandex_search_form.php"); ?>
<!-- 020_header_2_level ends-->
<!-- 080_counter -->
<!-- 080_counter ends-->
<!-- 085_ads -->
<!-- 085_ads ends-->
<!-- 090_bottom -->
</div>
</body>
</html>
<!-- 090_bottom ends-->

Ошибки

Table cell overlaps an earlier table cell

Автор статьи: Андрей Олегович