Что такое HTML? Делаем сайт красивее Часть 3

Итак, мы построили сайт, узнали как создать ссылки, и добавить фото, а теперь о том, как сделать сайт красивее. Вкратце: HTML — это скелет сайта, а стиль придаёт CSS. Вот пример:

Придаём стиль
1
1

продукты

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Магазин Продуктов</title></head><body><header><h1>Д…

одностатичный сайт на тему машинки

body {font-family: Arial, sans-serif;margin: 0;padding: 0;}header {background-color: #333;color: white;text-align: center;padding: 10px0;}section {margin: 20px;}form {display: grid;gap: 10px;}button {padding: 5px10px;background-color: #333;color: white;border: none;cursor: pointer;}/* Стили для шапки сайта */header {background-color: #333;color: wh…

одностичный сайтик на тему авибилеты

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Продажа авиабилетов</title></head><body><header><h1>Путешествуй по всему миру с нами!</h1><nav>&…

одностатичный сайтик на тему аренда домов

/* Reset default margin and padding for typography */body, h1, h2, h3, p, ul {margin: 0;padding: 0;font-family: Arial, sans-serif;line-height: 1.6;}/* Global container styles */.container {max-width: 1200px;margin: 0auto;padding: 20px;}/* Header styles */header {background-color: #333;color: white;padding: 15px0;text-align: center;}headerh1 {margin…

React Custom Hook: useDarkMode

React Custom Hook: useDarkMode

In this article series, we embark on a journey through the realm of custom React hooks, discovering their immense potential for elevating your development projects. Our focus today is on the "useDarkMode" hook, one of the many carefully crafted hooks available in the collection of React custom hooks.

Мой первый сайт

Сражу скажу я знаю что в коммах будет срач,но прошу помогите с освоением.

Я буду использовать Flask.

As to create your Own Python IDE tkEDI 0.1.1alfa (Как создать собственную IDE Питона)

18.01.2023 17.20MSK добавлена нумерация строк кода (tkEDI v.0.1.1alfa). Код пока не дам, ужасный, надо причесывать.

02.04.2023 Хотел написать оффлайн desktop редактор кода html+css+js совмещенный с браузером (tkEDI_html_css_js_CEFpython), чтобы смотреть результат исполнения кода сразу. Хотел к Дню Дурака успеть. Но опять не получилось. Пока только с…

1