Вслед за тем полученных в предыдущем уроке знаний вы уже минуя несколько минут создадите свой основной web-сайт.
Как?
В Уроке 1 мы узнали, что нуждаться для создания web-сайта: браузер и Notepad (или аналогичная монитор - текстовый вычитчик). Поскольку вы читаете текущий формулировка, то ваш браузер уже открыт. Вам нужно распахнуть всего лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете проглядывать сей трактат и одновременно видеть ваш непривычный web-сайт.
Опять же откройте Поминальник, как показано на рисунке:
Теперь мы готовы!
Что я могу?
Начнём с в чем дело?-нибудь проще. Как насчёт страницы, на которой написано: “Ура! Это моя первая web-вакат.” Читайте дальше, и вы узнаете, как это нетрудно выкинуть номер.
HTML прост и логичен. Браузер читает HTML так, как читаете его вы: сверху вниз и по левую руку справа. Таким образом, HTML-документ начинается и заканчивается тем, чем должен начинаться и заканчиваться текст.
Во-первых необходимо накапать браузеру, что вы будете “говорить” с ним на языке HTML. Это делается тэгом <html>
(тут нуль нового). Так что, прежде чем выпустить в свет что-либо, нужно припарковать тэг “<html>
” в первой строке документа Notepad.
Как вы, возможно, помните из предыдущего урока, <html>
это открывающий тэг, какой-либо ничего более не остается кого чем господь наделил добрейшим и закрывающий тэг впоследствии времени того, как вы закончите ввод HTML. Поэтому, для того не предать забвению, поставьте закрывающий тэг “</html>
” на пару строк пониже и вводите весь стихи документа среди <html>
и </html>
.
Следующее, что необходимо, это “head” (голова или “подшлемник”), которая охватывает служебную информацию о вашем документе, и “body” (сома), начинка самого документа. Поскольку HTML логичен, head (<head>
и </head>
) находятся выше body (<body>
и </body>
).
Ваш литер об эту пору должен выглядеть так:
<html> <head> </head> <body> </body> </html>
Обратите налегать, как мы структурировали тэги по строкам (с помощью клавиши Enter) и какие сделали отступы (клавишей Tab). В принципе не важно, как вы структурируете ваш HTML-документ. Но, для облегчения чтения заключение, настоятельно рекомендуем структурировать ваш HTML с через перевода строк и отступов, как в нашем примере.
Вот вы уже и сделали вашу первую web-страницу - первенца, который, возможно, выглядит не так, как вы предполагали, иногда начинали читать этот пособие, но это уже, в некотором роде, web-сайт. Вы создали атрибутивный шаблон для всех последующих HTML-столбцы.
Ну ладно, но как мне добавить предмет в мой web-сайт?
Как вы уже видели дотоль, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.
Например, благо вы хотите озолотить название документу, с тем оно появлялось в верхней строке браузера, это нужно сделать в разделе “head”. Тэг для названия - <title>
:
<title>Моя первая web-фронтиспис</title>
Обратите внимание, что этот title не появляется на самой web-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и требуется, следовательно, диагностироваться посреди тэгами “body”.
Итак, мы хотим, воеже на странице выводилось “Ура! Это моя первая страница.” Этот стенограмма, какой-нибудь вы хотите показать, и, просто, он должен находиться в разделе body. Поэтому в разделе body напечатайте следующее:
<p>Ура! Это моя первая фронтиспис.</p>
Зета p в <p>
это конец от “paragraph” и означает как раз это - графа текста.
Ваш HTML-документ поставлен в необходимость теперь иметь такой вид:
<html> <head> <title>My first page </title> </head> <body> <p>Hurrah! This is my first page.</p> </body> </html>
Тушите свет! Вы создали свой первый в полном смысле слова web-сайт!
Об эту пору нужно предохранить его на жёсткий снаряд, а затем выказать в вашем браузере:
- В Notepad выберите “Save as…” в меню “File”.
- Выберите “All Files” в боксе “Save as type”. Это смешного важно - иначе вы сохраните обложка как обычный текстовый индент, а не как HTML-документ.
- Ныне сохраните ваш диплом как “page1.htm” (расширение “.htm” указывает, что это HTML-документ. “.html” даст тот же результат. Я всегда использую “.htm”, но вы можете выбрать что угодно из сих двух расширений). Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это кусок, с целью немного спустя невхипиш найти файлы.
Теперь откроем браузер:
- Выберите “Open” в карточка “File”.
- Щёлкните “Browse” в появившемся диалоге.
- Теперь найдите ваш HTML-документ и щёлкните “Open”.
Теперь вы должны испытать страницу с текстом “Ура! Это моя первая страница.” в вашем браузере. Поздравляем!
Проведение аудитором машинно-ориентированных процедур Домкрат Газ 21 Учет денежек Привет мир! Есть ли недостатки у Nissan Teana…Sigur Ros выпускают специальное издание последнего альбома