Создание первой веб-страницы (Курс HTML CSS)
Перед тем как мы будем говорить о изучении HTML и CSS вам нужно понимать чем отличается HTML от CSS.
Что такое CSS и HTML?
CSS - или каскадные таблицы стилей еще его могут называть так. Это язык для создания внешнего вида и обработки данных которые включают собой оформление данного объекта на какой применяют этот язык. Одним словом с помощью CSS вы создаете внешний вид, например сайта или какого то скрипта манипулируя цветом фона, размером шрифта, выделении блока и т.д
HTML - это язык который не является языком программирования. Его считают языком разметки гипертекстовых документов. Другими словами он отвечает за расположение текста, ссылок, рисунков, таблиц предназначенных для жизни в нашей сети. Например выполнить какую то сложную операцию с помощью этого языка вообще не реально в отличии php. В этом языке нет логических функций, но зато оформить красиво текст вы сможете)
Основы и терминология
Перед тем как вы начнете изучать этот язык вы столкнетесь с необычными терминами которые будут часто использоваться в изучении этого курса например как атрибуты, теги, элементы.
Немного пояснения.
Настройка документа HTML
Что бы писать html код вам не понадобятся сложные редакторы такие как Microsoft Word, самые простые редакторы что бы писать код это Sublime Text и Dreamweaver.
Весь код который написан на HMLT сохраняется в .html формате.
Так же код всегда начинается с обязательной структуры
<!DOCTYPE html>, <html>, <head> и <body>.
<!DOCTYPE html> Всегда находится вверху нужен для того что бы браузер определил какая версия HTML.
<html> Означает начало документа.
<head> Определяет верхнюю часть документа. Внутри этого тега код который написан не отображается в документе когда идет чтение файла. Этот тег служит для подключения сторонних интерпретаторов.
Например что бы подключить CSS мы используем код в этом теге.
<body> Служит для отображения всех видимых элементов.
Стандартное начало кода выглядит таким образом
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Привет, Golos!</title>
</head>
<body>
<h1>Уроки, HTML!</h1>
<p>Это мой первый код.</p>
</body>
</html>В следующем уроке мы поговорим
- Валидация кода
- Подключение CSS
- Пройдем практику
- Рассмотрим основные термины CSS