1


 
 
 

МЕХЗАВОД | Сайтостроение для начинающих

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » МЕХЗАВОД | Сайтостроение для начинающих » Курс HTML » Язык разметки HTML. Что это такое?


Язык разметки HTML. Что это такое?

Сообщений 1 страница 2 из 2

1

HTML (язык разметки) состоит из различных команд. На профессиональном жаргоне вебмастеров они называются «тегами». Всего тегов около 100, но наиболее часто (практически постоянно) приходится работать примерно с 30-ю, поэтому в процессе использования они запоминаются очень быстро. Про остальные тоже необходимо знать, чтобы быть в курсе всех возможностей HTML и при необходимости, возможно, с помощью справочников, воспользоваться ими.

Принцип верстки страниц с помощью HTML в следующем. В каком-нибудь простом текстовом редакторе либо в обычном блокноте пишется статья. Затем части этой статьи разделяются на блоки с помощью тегов.

Допустим, у вас есть строка, которую вы хотите сделать заголовком. Тогда в начале этой строки вам нужно вставить тег заголовка <h1>. В конце же — вставить закрывающий тег заголовка </h1>.

Чтобы сделать из части текста абзац, нужно в начале части текста вставить тег <p>, а в конце — </p>. Если хотите сделать текст жирным, используйте теги <strong> и </strong>. Получившийся документ нужно сохранить в файл с расширением .html.

Откройте этот файл с помощью браузера и — вуаля! — у вас уже готова страница.

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

С помощью тегов также создаётся структура страницы, размечается, где будет расположена шапка, основной контент, сайдбар и подвал.

2

Оформление страницы
CSS

CSS — второй основной инструмент верстальщика. Язык HTML и CSS изучают совместно. Они неразлучны, как день и ночь, и составляют в современной веб-вёрстке единое целое.

Рассмотрим CSS.
https://forumupload.ru/uploads/0017/46/97/5/t72741.jpg

CSS отвечает за внешний вид страницы. И, если с помощью HTML мы задавали структуру страницы, делали ее разметку, то, используя CSS, мы задаем визуальное оформление страницы. Именно в CSS мы задаем размеры блоков, указываем шрифт, размер шрифта, цвет текста, фоновые цвета и изображения и т.д.

Например, с помощью CSS вы можете изменять цвет, фон, шрифт, ширину, высоту, положение, форму и многое другое у любого элемента страницы.

Помимо изменения тегов контента (заголовков, абзацев, таблиц и т.д.), с помощью CSS форматируется так называемая модульная сетка, благодаря которой создаётся структура и отмечается, где будет его шапка, контент, сайдбар и подвал.

Если HTML в качестве основного понятия оперирует тегами, то CSS оперирует понятием CSS-свойства, которые назначаются тегам. Схема назначения CSS-свойства тегу выглядит следующим образом: тег { css-свойство: значение; }, т.е. в CSS-коде мы сперва задаём имя тега, а затем для него мы указываем нужные свойства с нужными значениями.

Современное создание сайтов не обходится без адаптивной вёрстки — когда один и тот же проект хорошо смотрится и на экранах больших мониторов компьютеров, и на маленьких экранах смартфонов. В адаптивной вёрстке нам тоже помогает CSS, благодаря имеющимся у него медиазапросам.

Например, можно первым делом сверстать проект на популярное разрешение монитора, а после, используя медиазапросы, указать, чтобы сайт подстраивался под мобильные устройства.

Некоторые сначала верстают под малое расширение экрана, а затем подстраивают вёрстку под большие экраны.


Вы здесь » МЕХЗАВОД | Сайтостроение для начинающих » Курс HTML » Язык разметки HTML. Что это такое?


создать форум