Создание веб-сайтов

Как создать веб-страницу?
Любой текстовый редактор (Блокнот и т.п.)
2×ЛКМ
Текстовые редакторы с подсветкой HTML-тэгов: Sublime Text (sublimetext.com)
NotePad++ (notepad-plus-plus.org)
Bluefish (bluefish.openoffice.nl)
HEFS (kpolyakov.spb.ru/prog/hefs.htm)
Редакторы WYSIWYG = What You See Is What You Get
TinyMCE (www.tinymce.com)
Kompozer (kompozer.net)
CKEditor (ckeditor.com)
openWYSIWYG (www.openwebware.com)
BlueGriffon (bluegriffon.org)

Первая веб-страница
Тэг – команда языка HTML
открывающий тэг
закрывающий тэг
Первая страница
Привет!
Первая страница
Привет!
контейнер (парный тэг)

Заголовки
заголовок документа
заголовок раздела
– заголовок документа
– заголовок раздела
– заголовок подраздела – заголовок параграфа
Глава 1. Информация
1.1 Что такое информация?
Задачи, связанные с хранением, передачей и обработкой информации человеку приходилось решать во все времена...

Выравнивание заголовков
Глава 1. Информация
left,
center,
right
атрибут (свойство)

Абзацы (параграфы)
И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит степная кобылица
И мнёт ковыль...

Абзацы (параграфы)
И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит степная кобылица
И мнёт ковыль...
paragraph – абзац
интервал

Выравнивание абзацев
Молекула воды испарилась из кипящего чайника и, подлетая к потолку, лоб в лоб столкнулась с неизвестно как
прокравшейся на кухню молекулой
водорода. Кто быстрей отлетел?
left, center, right, justify
Решение:
align="left"

Переход на новую строку
И вечный бой! Покой нам только снится
Сквозь кровь и пыль...
Летит, летит степная кобылица
И мнёт ковыль...
break – разрыв

Специальные символы (HTML entities)

Применение специальных символов
Дом сдали в 2011 году.
А.С. Пушкин
Пёс весил 12 кг.
Неразрывный пробел ( )
год
инициалы
единицы измерения
Из дома вышел А.С. Пушкин – солнце
русской поэзии.
не отрывать:

Применение специальных символов
Вышел А.С. Пушкин — солнце русской поэзии.
Длинное тире (—)
Вышел А.С. Пушкин – солнце русской поэзии.
не начинать строку с тире!
Короткое тире (–)
Дорога Васюки–Васютино строилась
в 2007–2013 годах.

Применение специальных символов
Угловые скобки (< >)
Верно ли, что X < Y?
X < Y
это начало тэга?

Маркированные списки
Вася
Петя
Коля
unordered list
(неупорядоченный список)
list item
(элемент списка)
изменение маркера: type="disc">
...
disc ∙
circle ○
square ■

Нумерованные списки
Вася
Петя
Коля
ordered list
(упорядоченный список)
изменение нумерации:
...
1, i, I, a, A

Многоуровневые списки
Россия
Украина
Москва
Санкт-Петербург
Киев
Одесса

Гиперссылки (локальные)
Переход на
новую страницу
.
anchor
(якорь)
hyper reference (гиперссылка)
страница в том же каталоге:
во вложенном каталоге:
Информация
.
в родительском каталоге:
Информация
.
в соседнем каталоге:
Информация
.

Гиперссылки (внешние)
Информация
.
на URL:
на главную страницу сайта:
Информация
.
для скачивания архива:
Скачать
.
для запуска почтовой программы:
Напишите мне!

Как записать гиперссылки от show.htm?

Метки внутри документов
Там в лесу живет
медведь
.
...
...
...
Медведь
Медведь — хищное млекопитающее семейства медвежьих.
медведь
на метку в другом файле:
медведь