HTML
| Введение | |
| Все символы HTML | |
| Базовые приёмы | |
| Подчёркивание текста | |
| Другие статьи об 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. По категориям и по коду
| 1-25000 |
| 25001-50000 |
| 50001-75000 |
| 75001-100000 |
| 100001-125000 |
| 125001-150000 |
Базовые приёмы
Неразрывный
пробел
-
«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>
Цвета
| Имя цвета | HEX | RGB |
|---|---|---|
| #D43F3F | Text | |
| #502542 | Text | |
| #F0F8FF | Text | |
| #002f6c | Text |
Заметка мне на память
<!-- 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