Отображение кода в интернете возможно различными способами. Можно использовать онлайн-редакторы, такие как kss Deck или JS Fiddle, для мгновенного просмотра результата. Однако предпочтительнее использовать локальные редакторы, например, Adobe Dreamweaver.
Создание и отображение HTML-файла
Этот урок описывает простой способ отображения HTML-страницы в браузере. Подробное изучение HTML-тегов будет в последующих уроках. Основной тег HTML — <html>, включающий элементы страницы: заголовок (<head>) и тело (<body>). Каждый тег должен закрываться с помощью слеша (</html>, </head>, </body>).
В секции <head> обычно размещаются подключения к стилям и скриптам, а также мета-данные, например, заголовок страницы, отображаемый в заголовке браузера (и иногда в поисковой выдаче). Заголовок страницы задается тегом <title>. Например, <title>Example</title> отобразит «Example» в заголовке браузера.
Секция <body> содержит основной контент страницы.
<html>
<head>
<title>Example</title>
</head>
<body>
Hello World!
</body>
</html>Сохраните документ с расширением .html. Только с этим расширением файл корректно откроется в браузере. После сохранения откройте файл двойным щелчком мыши. Он откроется в браузере по умолчанию, отобразив текст «Hello World!» на странице и «Example» в заголовке браузера.
Отображение HTML-файла в браузере — простой процесс. В последующих уроках мы подробно разберем структуру HTML и его элементы.