Эта страница делается исключительно как шпаргалка.
Содержание:
С чего начать
Элементы оформления
Цитаты
Боковая панель
Списки определений
1. С чего начать:
Для написания кода нужен текстовый редактор
Посмотреть результат можно в браузере, даже не нужно подключение к интернету!
Не помешает разобраться, что такое HTML, теги, атрибуты, ссылки
Теперь можно создать HTML-страницу:
Структурируем страницу
Наполняем содержанием:
заголовки
текст
списки
картинки
таблицы
Оформляем:
выделение текста - жирный шрифт, курсив и т.п.
боковые панели
навигация
ссылки
стили
И разместить её в интернете, чтобы все могли восхититься сайтом)
2. Элементы оформления
В HTML имеется масса стандартных тегов для разделения содержимого сайта в отдельные блоки <header>, <main>, <footer>, <article>, <nav> и т. д. Всё это есть в интернете в справочниках по HTML. Каждый блок можно офрмить по своему усмотрению, установить отступы, настроить цвета, сделать рамочки и т.п..
Чтобы текст не выглядел как одна бесконечная строка его можно разбить на параграфы и озаглавить, его (текст) можно выделить подчеркнуть или зачеркнуть, сделать отступы между параграфами, вставить горизонтальную линию, создавать списки, вставлять таблицы и изображения. Короче - полный набор для творчества, главное не утонуть во всём этом.
3. Цитаты
В мире, занесенном слоем песка толщиной в сотни метров, самая востребованная профессия — дайверы.
Это люди, которые с помощью специального снаряжения погружаются в песчаные глубины,
добывая оттуда реликты старой цивилизации — предмет жестокой борьбы между соперничающими бандитскими группировками.
Одна из преступных групп нанимает Палмера и его сестру Викторию, дайверов с большим опытом, для того, чтобы они спустились на глубину,
где, по сведениям их нанимателей, прячется под песком Данвар, город-мечта всех дайверов. Брату и сестре невдомек,
что цель преступников-террористов — не легендарный город, а хранилище с ядерными боезапасами, расположенное в окрестностях Данвара.
И задумали они ни много ни мало — новый атомный апокалипсис…
Хью Хауи. Песок
4. Боковая панель
Ещё одна цитата ))
Боковая панель и сайдбар — это не одно и то же!
Если <aside> используется внутри тегов <section> или <article>, контент должен быть «связан» с ним.
Если <aside> используется вне тегов <section> или <article> — например, непосредственно внутри <body> — он содержит контент, связанный с сайтом, например: дополнительную навигацию, последние публикации в блоге, последние комментарии и т. д.
Ошибкой будет поместить основной элемент, который визуально оформлен в виде боковой панели (например, логотип или главную навигационную панель), в тег <aside>.
<aside> прост в использовании, если помнить, что это всего лишь HTML-тег, то есть мы используем его в соответствии со смыслом контента, который он несет, а не с визуальным аспектом сайта — эту часть нужно оформлять только с помощью CSS.
Вольный перевод с просторов интернета
Чтобы сделать ссылку на место в коде, действуйте в два шага:
сначала задайте уникальный id элементу, затем создайте ссылку, которая указывает на этот id через href с символом #.
Это удобный способ организовать удобную навигацию по длинным документам.
5. Списки определений
Кроме обычных нумерованных и ненумерованных списков есть ещё отдельная категория - списки определений. Вот например:
Переходные процессы
Процессы, которые возникают в электрических цепях после того, как один из параметров цепи испытал
скачкообразное (очень быстрое) изменение. Например, подключенный к цепи источник ЭДС
(генератор тока или напряжения) формирует прямоугольный импульс напряжения или тока, или в цепи c
подключенным постоянным источником ЭДС происходит коммутация отдельных элементов цепи с помощью ключей.
Генератор напряжения
Устройство, напряжение на выходе
которого не зависит от величины тока, протекающего через этот
генератор. Внутреннее сопротивление такого генератора принимается
равным нулю, а в реальности – это источник ЭДС с внутренним сопротивлением, много меньшим сопротивления внешней цепи.
6. Таблицы
Название таблицы
Заголовок 1
Заголовок 2
Ячейка 1
Ячейка 2
Ячейка 3
Ячейка 4
Ячейка 5 - объединяем ячейки по горизонтали, например, внизу таблицы можно сделать графу "Итого:"
Один из способов стилизации страницы - таблица. Вместо сайдбара можно разбить страницу на несколько частей в виде таблицы.
Будет выглядеть примерно так
Главное
1. Начало
Добро пожаловать.
Эта страница делается исключительно как шпаргалка.
