HTML5👨🏻‍💻

HTML5👨🏻‍💻

https://t.me/wildfullstack

Начнем... Для начала, нужно создать файл (любое название файла).html и открыть его в редакторе кода.

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

Вот список основных тегов, которыми мы будем пользоваться:

♦️<html></html> — указывает программе просмотра страниц что это HTML документ.

♦️<head></head> — определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

♦️<body></body> — определяет видимую часть документа.

♦️<title></title> — помещает название документа в оглавление программы просмотра страниц.

♦️<pre></pre> — обрамляет предварительно отформатированный текст.

♦️<h1></h1> — создает заголовок от большего к меньшему (h1...h6).

♦️<b></b> — создает жирный текст.

♦️<i></i> — создает наклонный текст.

♦️<em></em> — акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

♦️<strong></strong> — используется для выделения наиболее выжных частей текста.

♦️<a href="URL"></a> — создает гиперссылку на другие документы или часть текущего документа.

♦️<p></p> — определяет текстовый абзац.

♦️<br> — вставляет перевод строки.

♦️<ol></ol> — создает нумерованный список.

♦️<li></li> — определяет каждый элемент списка и присваивает номер.

♦️<ul></ul> — создает ненумерованный список.

♦️<li></li> — предваряет каждый элемент списка и добавляет кружок или квадратик.

♦️<img src="name"> — добавляет изображение в HTML документ.

♦️<hr> — добавляет в HTML документ горизонтальную линию.

♦️<table></table> — создает таблицу.

♦️<tr></tr> — определяет строку в таблице.

♦️<td></td> — определяет отдельную ячейку в таблице.

♦️<th></th> — определяет заголовок таблицы.

♦️<form></form> — создает формы.

♦️<textarea></textarea> — создает окно для ввода текста.

♦️<input type="radio"> — создает radio кнопку.

♦️<input type="text"> — создает строку для ввода текста.

♦️<input type="submit"> — создает кнопку "Принять"

Report Page