Как научиться писать html

Автор sanekk192, Апр. 01, 2024, 19:33

« назад - далее »
Печать
Вниз Страницы1
Действия пользователя

sanekk192

Начало с html: основы разметки веб-страниц. Шаги к освоению html: простой путь к созданию веб-содержания

luchshe_vsekh

#1


Шаг 1: Ознакомление с базовыми понятиями

Прежде чем приступить к кодированию, важно понять основные концепции HTML:

  • Теги: Основные строительные блоки HTML. Они определяют структуру документа и включают в себя открывающиеся и закрывающиеся теги. Например, <code></code> используется для создания абзаца, а <code>

    </code> закрывает его.

  • Атрибуты: Дополнительная информация о тегах, которая задает их поведение или внешний вид. Например, <code><img src="image.jpg" alt="Изображение"></code>, где <code>src</code> - атрибут, определяющий путь к изображению, а <code>alt</code> - альтернативный текст, отображаемый в случае невозможности загрузки изображения.

  • Элементы: Структуры, образованные открывающим и закрывающим тегами, включая содержимое между ними. Например, <code>
    Заголовок</h1></code> - элемент заголовка первого уровня.

Шаг 2: Начало с базовой структуры документа

HTML-документы начинаются с объявления типа документа (DOCTYPE) и элемента <code>
</code>, включающего весь контент страницы. Вот пример базовой структуры:

<div class="dark bg-gray-950 rounded-md"><div class="flex items-center relative text-token-text-secondary bg-token-main-surface-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md"><span>html</span><span class="" data-state="closed"><button class="flex gap-1 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-sm"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.5C10.8954 3.5 10 4.39543 10 5.5H14C14 4.39543 13.1046 3.5 12 3.5ZM8.53513 3.5C9.22675 2.3044 10.5194 1.5 12 1.5C13.4806 1.5 14.7733 2.3044 15.4649 3.5H17.25C18.9069 3.5 20.25 4.84315 20.25 6.5V18.5C20.25 20.1569 19.1569 21.5 17.25 21.5H6.75C5.09315 21.5 3.75 20.1569 3.75 18.5V6.5C3.75 4.84315 5.09315 3.5 6.75 3.5H8.53513ZM8 5.5H6.75C6.19772 5.5 5.75 5.94772 5.75 6.5V18.5C5.75 19.0523 6.19772 19.5 6.75 19.5H17.25C18.0523 19.5 18.25 19.0523 18.25 18.5V6.5C18.25 5.94772 17.8023 5.5 17.25 5.5H16C16 6.60457 15.1046 7.5 14 7.5H10C8.89543 7.5 8 6.60457 8 5.5Z" fill="currentColor"></path></svg>Copy code</button></span>
;
Печать
Вверх Страницы1
Действия пользователя