Основы создания сайтов |
|
В одной из статей, опубликованной в этом проекте, я приводил пример создания своего первого сайта человеком, ничего не знающим о создании сайтов. Там я привел пример кода, который предлагал скопировать, вставить в текстовый редактор «Блокнот», сохранить и открыть в Интернет-браузере. Сейчас я хочу повторить этот пример. С единственной разницей – здесь мы разберем этот код и вы поймете, как все это делается и насколько все это просто! Итак. Вот текст, который нужно скопировать, вставить в «Блокнот» и сохранить его под именем index.html в какую-нибудь временную папку*: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" *для того, чтобы сохранить файл под этим именем, нажимаем в меню «Блокнота» пункт «Файл» - «Сохранить как», в открывшемся окне, в графе «Тип файла», выбираем «Все файлы», а в графе «Имя файла» прописываем index.html. Жмем «Сохранить». После того, как файл сохранен, заходите в папку и жмете по нему два раза мышкой. Открывается Интернет-браузер с вашим первым сайтом! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" Это служебные теги, которые необходимо прописывать в каждом html-документе. При этом, их вовсе необязательно помнить! Достаточно скопировать их так, как они есть и сохранить в какой-нибудь отдельный файл с помощью того же «Блокнота». Когда вам нужно создать новый документ, вы просто копируете эти теги и вставляете в начало вашего нового html-документа. Вот и все.
<p align="left">Поздравляю! Это ваш первый сайт, который вы сделали своими руками!<br>Хотите пойти дальше и cделать настоящий сайт? Тогда читайте статью дальше. <br> Русский текст, который вы видите на сайте, заключен в теги абзаца, имеющем атрибут выравнивания по левому краю поля <p align="left">. Также мы видим тег переноса строки <br> и ссылки на страницу сайта с моей статьей, на которой был изложен этот материал: <a href="http://www.freeadvice.ru/view_article.php?id=9"> Слова «Вернуться назад» являются ссылкой, а предваряющий их тег – адресом страницы, на которую вы попадаете, нажав на ссылку. Завершается все закрытием тега ссылки </a> и закрытием тега абзаца </p> |
|