Автор - Sergej Qkowlew
Краткое руководство по HTML
1. Пользуйся тем, что знаешь, и что проверил на простых примерах.
(Простой пример - это ещё и маленький по размеру пример :-)
2. Основное правило в HTML - если броусер не понимает тег, он его
НЕ отображает никак.
3. Тег - это последовательность латинских букв, перед которой - символ <
и после которой - символ >. Теги бывают одиночные (BR, HR) - они просто
совершают некое действие в данной точке текста. Теги бывают закрывающиеся -
они обрамляют собой, как скобки, кусок текста, на который оказывают влияние.
4.Пример простого HTML:
Заголовок для окошка броусера
Заголовок в тексте для красоты
Заголовок второго уровня
А уровней - семь. от H1 до H7
- горизонтальная линия
Абзац
Ещё абзац,
Это подраздел текста
Это другой подраздел текста
перешли на другую строку.
Это ссылка куда-то ещё в инет
Любое количество обычных пробелов в тексте
эквивалентно одному пробелу. Если надо сделать именно "большой пробел"
- применяем конструкцию -
Это ссылка на файл, лежащий в той же директории, что HTML-ка
Это ссылка на локальный файл
Это ссылка на файл в поддиректории
вниз относительно этого файла
Это ссылка на файл, лежащий в корне сайта
Это ссылка на файл директорией выше, чем HTML-ка
Все пути и имена файлов - маленькими буквами! Все разделительные черты
в путях - прямые косые черты. Это о ссылках и графике простейшее.
Теперь о списках и таблицах.
Ненумерованный список:
- Первый пункт
- Второй пункт
Нумерованный:
- Пункт
- пункт
Таблицы:
| в строке первая ячейка |
Вторая ячейка |
Изменение начертания букв на полужирное, наклонное,
подчёркнутое, зачёркнутое.
Изменение размера букв по одной ступеньке
вверх и
вниз
Всё. Файл кончился.
У многих тегов есть параметры:
WIDTH="80%" - растянуть на 80 процентов ширины экрана броусера.
ALIGN = "CENTER" - спозиционировать в центр
ALIGN = "JUSTIFY" - сверстать абзац с выравненным правым краем
(не везде работает)
ALIGN = "RIGHT" - сместить направо.
Где какие параметры в тегах допустимы - лучше всего смотреть в справочнике.
Картинкам - всегда ставить WIDTH и HEIGHT, соответствующие размеру картинки
в пикселах - тогда не будет "плясать" их размер в процессе загрузки
(попробуйте и так, и эдак - и посмотрите, что получается)
Перевод строки посреди текста - считается пробелом. То есть:
До перевода
После перевода
полностью эквивалентно:
До перевода После перевода
Вот и всё. С этим УЖЕ можно начинать делать неплохие странички.
А на самом деле надо читать документацию:
http://www.htmlhelp.org/reference/html40/
