MacWin - HTML & CSS

HTML (HyperText Markup Language) и CSS (Cascading Style Sheets) — два ключевых инструмента разработки веб-сайтов, выполняющие разные роли, но тесно взаимодействующие друг с другом.

Что такое HTML?

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

Что такое CSS?

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

HTML5

Стандартный шаблон для HTML страницы

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>title</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>
  <body>
    <!-- page content -->
  </body>
</html>

Описание стандартного шаблона для HTML страницы

<!DOCTYPE html>

<html lang="en">

____<head>
________<meta charset="utf-8">
________<title>title</title>
________<link rel="stylesheet" href="style.css">
________<script src="script.js"></script>
____</head>

____<body>
________
____</body>

</html>

Основные виды тегов

Основные типы тегов по назначению