Вам понадобится
  • Компьютер с подключенным интернетом.
Инструкция
1
Прочитайте о том, что вообще собой представляет HTML-верстка. Как известно, все документы, являющиеся страницами сети интернет, имеют формат HTML-страницы, имеющей язык разметки гипертекста. Все содержание HTML-документа разбивается на определенные области. Каждая область ограничена некоторым тегом. В зависимости от того, какое содержимое будет использоваться, применяется тот или иной тег. Теги ограничиваются знаками «<» и «>» и используются, для того чтобы браузер понимал, как интерпретировать содержимое страницы.
2
Откройте любой текстовый редактор для начала работы с HTML. Любой HTML-документ должен начинаться с тега html, демонстрирующим то, что все содержимое страницы относится к разметке HTML. Почти все теги должны иметь закрывающий тег. Таким образом, имеется возможность ограничить область действия данного тега. Закрывающий тег отличается от открывающего знаком «/», стоящим перед названием тега. Каждый тег имеет собственные свойства. Например, если вы напишите фразу «Hello, World!», отделив ее тегом b, то в окне браузера она окажется выделенной жирным шрифтом.
3
Обратите внимание на использование таких тегов, как h1, h2, h3, h4. Они предназначены для написания текстовой информации большого размера. Наибольший размер будет иметь текст, ограниченный тегом h1. Остальные теги этой серии позволяют форматировать текст, применяя меньший размер. Данные теги имеют название заголовка определенного уровня.
4
Старайтесь размещать теги так, чтобы была видна вложенность одного тега в другой. Это означает, что при оформлении HTML-документа желательно отступать два пробела при написании какого-либо вложенного тега.
5
Если вы хотите использовать изображения на своей страничке, то для этих целей служит тег , внутри которого содержится информация о местонахождении файла изображения. Тег img так же, как и многие другие теги, может иметь набор параметров для уточнения характеристик изображения. Например, вы можете определить точные размеры изображения, сделать его кликабельным, задать яркость, прозрачность и другие подобные характеристики.
6
Заметьте, что большинство HTML-страниц не содержит в своих тегах описаний объектов, содержащихся внутри. Это достигается применением каскадных таблиц стилей. Данная технология позволяет задать описания всех используемых тегов либо в начале документа внутри отдельного специального тега, либо в отдельном файле. Это позволяет не только делать HTML-страницу более читаемой, но и создавать собственные теги, описания которых хранятся отдельно.