Тема 2. Язык html – язык гипертекстовой разметки

Использованы материалы сайта www.Seodon.ru

2.1. Язык гипертекстовой разметки – HTML

2.2. Средства создания HTML-страниц

2.3. Открывающие и закрывающие теги, теги-контейнеры

2.4. Типы тегов

2.5. Атрибуты HTML-тегов

2.6. Структура HTML-документа

2.7. Параграфы и заголовки

2.8. Форматирование шрифтов в HTML

2.9. Вставка в HTML картинок

2.10. Создание таблиц в HTML

2.11. Нумерованные и маркированные списки

2.12. Кодировки, применяемые в HTML

2.1. Язык гипертекстовой разметки - HTML

HTML (HyperText Markup Language) является языком гипертекстовой разметки и НЕ является языком программирования, как думают многие. Документ HTML (HTML-страница) — это обычный текстовый файл, только расширение у него не .txt, а .htm или .html (чаще вего, но бывают и другие расширения). Он содержит HTML-теги — специальные инструкции, указывающие браузерам как показывать ту или иную часть страницы и что именно показывать (изображения, ссылки, таблицы и т.д.).

Когда создавался этот язык, то одним из основных условий было то, чтобы им могли пользоваться все: обычные рабочие и домохозяйки, люди с математическим складом ума и гуманитарным, пятнадцатилетние и шестидесятилетние. Разработчики этого языка решили, что все должны иметь равные возможности для создания своего сайта и воплощения своих идей и мыслей в интернете.

Кто создал HTML?

HTML был создан в начале 90-х годов прошлого века английским ученым Тимом Бернерсом-Ли для того, чтобы ученые самых разных областей науки, не разбирающиеся в интернет-технологиях, могли с легкостью создавать различные веб-страницы для обмена научными данными. С тех пор «утекло много воды» и язык HTML много раз совершенствовался и видоизменялся, но основной принцип — доступность всем, был и остается основополагающим.

2.2. Средства создания html-страниц

В принципе, HTML-страницы можно создавать в любом редакторе, который умеет работать с текстовыми файлами, например стандартный «Блокнот» в Windows. Но люди давно придумали специальные программы, в которых создание HTML-документов протекает гораздо проще и удобнее. Их можно разделить на два больших типа:

Визуальные редакторы или WYSIWYG (What You See Is What You Get — Что видишь, то и получаешь)

При создании и редактировании HTML-страниц, эти редакторы сразу показывают все элементы так, как они будут выглядеть в браузере, и берут функции по «набивке» разметки на себя. Плюсы таких редакторов в том, что человек может практически не знать HTML, но при этом создавать отличные сайты. Минусы — часто HTML-код получается очень «раздутым» и созданные страницы грузятся дольше обычного, поэтому часто приходится вручную доводить его до ума. Типичным представителем этого семейства является Adobe Dreamweaver.

Текстовые HTML-редакторы

Здесь процесс протекает полностью вручную. В таких редакторах осуществлена подсветка синтаксиса, позволяющая быстро обнаруживать ошибки и опечатки, а также много других удобных и полезных функций. Плюсы использования текстовых редакторов в том, что вебмастер всегда точно знает где, что и для чего находится наего HTML-странице, а в освоении они гораздо проще визуальных. Минусы — приходится вручную набивать весь код.

Лучший HTML-редактор тот, который больше подходит под конкретные задачи. Полностью вручную обычно набивается только одна-две странички, которые используются в дальнейшем в качестве шаблона. Чаще всего используют Notepad++ — многофункциональный, удобный и очень простой HTML-редактор.