Ваша первая веб-страница
Создание вашей первой странице
И теперь он, наконец, время для перехода в кодировке HTML и создать свой первый веб-странице!
- Откройте программирования или текстовый редактор и создать новую страницу.
- Если ваш редактор ставит некоторым заданным кодом там просто стереть его, как мы собираемся использовать наши собственные.
- Скопируйте ниже код в ваш документ и сохраните его где-нибудь, вы помните (если у вас установлен WAMP в предыдущем руководстве вы можете сохранить файл в корневом каталоге WWW либо как index.html или index.php, просто убедитесь, что он единственный индексный файл там так будет отображаться при вводе Localhost в Вашем браузере).
XHTML 1.0 Strict шаблона
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
<body>
<p>Hello there ...</p>
</body>
</html>
Просмотр веб-страницы
Наш HTML код не будет делать многое сама по себе и является в значительной степени просто текстовый файл. Для просмотра веб-страницы, он описывает мы будем иметь, чтобы открыть его в веб-браузере.
- Запустите веб-браузер и перейдите в меню Файл> Открыть и выберите файл HTML файл, который Вы только что создали Localhost или введите в строке браузера, если у вас есть WAMP работает и разместили свой файл в корневом каталоге WWW.
Теперь вы должны увидеть страницу, подобный следующему:
Ваша первая веб-страница
Анализ ваших веб-страниц
Прежде всего позвольте мне сказать вам, что код, который я дал вам выше, как правильно супер как он получает, и следующее W3C XHTML 1.0 спецификации к письму. Вы можете смело использовать его в качестве XHTML 1.0 Strict шаблон для всех ваших будущих веб-страниц.
Doctype
Это первая линия не является реальным тегов HTML, тем не менее, это необходимо в каждом документе HTML. Это так называемое DOCTYPE сообщает веб-браузер какой файла это дело. В нашем случае это XHTML 1.0 Strict файла. Эти doctypes устанавливаются в камне и всегда может быть посмотрел поэтому, пожалуйста, сохраните себя от пыток Узнав об этом наизусть.
HTML-элементов
...
</html>
Вот где наше действительное документ HTML начинается. <html>...</html> Элемент не все, что интересно само по себе. Это просто означает начало и конец всех наших HTML код. xmlns атрибут требуется для документов XHTML, а две другие не являются обязательными, но это хорошая практика, чтобы включить их.
начальный элемент
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My first web page!</title>
</head>
Затем следует <head> нашего документа HTML. За исключением <title> элемент, который появляется в окне браузера, ни один глава информация отображается на странице. Голова обычно несет в себе информацию, как язык, кодировка, информацию об авторских правах, описания страниц и так далее. <meta> теги в код, является обязательным, но должны быть включены в любом случае в качестве резервного в случае, если сервер не предоставляет эту информацию или просматриваемой страницы в автономном режиме.
элемента тела
<p>Hello there ...</p>
</body>
Это когда вещи начинают получить интересный. <body> Элемент имеет все содержимое, которое будет отображаться в виде веб-страницы. В этом случае у нас есть пункт элемента <p> с текстом Привет ... В следующих главах Вы узнаете больше из этих тегов HTML можно использовать для создания веб-страницы.
Практика дает мастер
Лучший способ узнать, как создать веб-сайт Do-It-Yourself подход. Я предлагаю Вам испытать все учебнике примеры в вашей собственной странице и поиграйте с код, чтобы получить лучшее понимание того, как эти вещи работают.