Что такое HTML и CSS

Что такое HTML и CSS

Начнем наверное с описания как звучит в Викепедии 

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

CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Так то понятно smiley но это если уже знаешь это, теперь расскажу более простыми словами

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

CSS это материал для красоты, оформления всего материала на страничке. 

Из этого следует HTML это все что должно быть на сайте, а CSS отвечает за то как это все будет выглядеть. 

Небольшой пример

 

Попробуйте создать сами свою первую страницу!

Для удобства советую установить программу Notepad++ Откройте программу, у Вас откроется сразу новая, чистая  страница. Не буду пока объяснять каждый тэг, просто можете скопировать текст ниже и вставьте в вашу страницу

<html> 
<head> 
<title>Моя первая страница </title> 
</head> 
<body> 
<p>Здравствуйте! Это моя первая веб-страница!</p> 
</body> 
</html>

Далее, нажимаем в верхнем меню кнопку "Кодировки" и выбираем "Кодировать в UTF-8"

 

UTF-8 это специальная кодировка которую понимают все браузеры.

Теперь нужно сохранить наш файл в формате html.

Не забываем, что Notepad++, это текстовый редактор, а это значит, что на данный момент мы имеем обычный текстовый файл с набором символов. Для того чтобы наш браузер отображал созданную нами текстовую страницу как веб-страницу, нам нужно сделать из нее файл с расширением html.

Для этого нажимаем в верхнем меню кнопку "Файл", затем "Сохранить как", выбираем директорию (путь) куда будет сохранен файл (Напримен создайте папку "Сайт" на диске С  и укажите эту папку), далее самое главное, выбираем нужный тип файла, в нашем случае это Hyper Text Markup Language (html).

Ура, Ваша первая страничка для сайта создана. Теперь можете зайти в папку куда сохранили файл и запустить его. Он откроется в Вашем браузере.

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