Конспекты верстальщика

5 прочтений · 10 месяцев назад

Текст – наше всё. Основы редактирования текста в HTML.

Текст – неотъемлемая часть веб-страниц. Вместе с фото, видео и другим контентом он чётко доносит нужную информацию. При этом пользователи больше любят структурированный контент. Эту структуру тексту можно придать с помощью HTML-элементов, о которых мы сейчас поговорим. Не переживайте, если не поймёте материал чисто по теории. В конце статьи я прикреплю ссылку на выполненное практическое задание – разметку письма. Там использованы все элементы, которые мы здесь затронем. Условные обозначения: 🧱 Заголовок– <h1>-<h6> Есть 6 уровней заголовков...

35 прочтений · 10 месяцев назад

Везде есть что-то общее. Обзор шаблона HTML-кода

Для занятия вёрсткой потребуется две вещи: Мы вкратце разберём второй пункт. Валидный HTML-код имеет определённый шаблон. Посмотрите его по ссылке на codepan. io. <! DOCTYPE html> Первая строчка HTML-документа. В прошлых версиях языка она была куда длиннее. Туда включали ссылку на правила, которые отделяли валидный код от невалидного. В HTML5 от этого отказались. <! DOCTYPE html> - просто строка, необходимая для нормальной работы кода. <html> Он же корневой элемент. Внутри него два элемента - <head> и <body>...

Конспекты верстальщика

28 прочтений · 10 месяцев назад

Его не видно, а он есть. Элемент <head> и его содержимое

Элемент <head> содержит метаданные (информацию о других данных). Его контент не показывается пользователям на странице, но влияет на работу сайта, отображение контента, визуальное оформление ссылки на сайт в соцсетях и др. Сейчас разберём, что прячет в себе этот «серый кардинал». Внутри <head> на очень многих страницах можно встретить элементы: <title> Внимание! Не путайте <title> с заголовками статьи (<h1>-<h6>). <Title> задаёт заголовок всего HTML-документа, а не его части. Значение <title>...

Конспекты верстальщика

4 прочтения · 10 месяцев назад

Не всё так просто. Подробнее об HTML-элементах

Во вводной статье мы упомянули об HTML-элементах и различиях в их структуре. Сегодня мы поговорим о них подробнее, более полно обсудим их «анатомию» и не только. Классификация html-элементов (простой вариант) Элементы делятся на две категории – блочные и строчные. Среди блочных и строчных элементов встречается особый подтип – пустые или void-элементы. Именно их структура не подходит под шаблон, который мы недавно разобрали. Пустые элементы не имеют содержимого и закрывающего тега. Атрибуты: что такое и как пишутся Часто элемент содержит один или несколько атрибутов...

Конспекты верстальщика

2 прочтения · 10 месяцев назад

Для чего нам нужен HTML?

HTML (HyperText Markup Language) – моя первая ассоциация с вёрсткой. Это язык разметки. Он отвечает за структуру и распределение контента на веб-странице. Функции языка HTML HTML состоит из элементов с разным строением. При этом все они имеют определённые теги. Посмотрите на...