Разработка сайта html

Разработка сайтов на

HTML и CSS

Что же такое HTML и CSS?

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

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки веб-страниц во Всемирной паутине. Код HTML интерпретируется браузерами; полученная в результате интерпретации страница отображается на экране монитора компьютера или мобильного устройства.
Википедия

HTML-страницы, как правило, открываются браузерами обмениваясь с сервером информацией по протоколу HTTP или HTTPS, в виде простого текста или с использованием шифрования.

Язык HTML
Что такое HTML теги?
Атрибуты
Язык CSS
Разработка сайта HTML | CSS

Языки HTML и CSS предназначены для верстки сайтов (верстка — это размещение элементов сайта по нужным местам). Язык PHP нужен для программирования сайта (с его помощью можно, к примеру, сделать регистрацию пользователей). Язык JavaScript нужен для того, чтобы ‘оживить’ сайт: к примеру, сделать меняющиеся картинки (слайдер).

Язык HTML

Язык HTML — это основа web сайтов, с его помощью создается каркас страницы, которую вы видите в браузере.

Если сравнивать страницу сайта и обычную бумажную книгу, то на сайте, как и в книге, есть абзацы и заголовки. В книге есть название всей книги (по сути самый главный заголовок), есть названия глав, параграфов в этих главах и так далее.

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

Что такое HTML теги?

HTML теги — это специальные команды для браузера. Они говорят ему, что следует считать заголовком страницы, а что абзацем.

Теги строятся по такому принципу: <имя тега>. Имя тега может состоять из латинских букв и цифр. Примеры тегов: <h1>, , .

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

Например,  — так открывается тег p, а так —  закрывается. Все, что попадает между открывающим и закрывающим тегами, взаимодействует с этим тегом.

Бывают теги, которые не нужно закрывать, например,   или <img>.

Атрибуты

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

Атрибуты размещаются внутри открывающего тега в таком формате: <тег атрибут1=»значение» атрибут2=»значение»>.

Кавычки могут быть любыми — одинарными или двойными, допустимо их вообще их не ставить, если значение атрибута состоит из одного слова (но это не желательно).

Язык CSS

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