Инструкция
1
Запустите любой текстовый редактор. Например, простого Блокнота Windows будет достаточно для создания простой html-страницы. Удобнее сразу сохранить веб-документ - сделайте это еще до записи в него каких-либо тегов. Имя файла может быть любым, а расширением должно быть htm либо html - например, page.html.
2
Укажите в первой строке документа спецификацию HTML-стандарта, который будет использован при написании инструкций языка. Например:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
Обозначте область, содержащую инструкции языка HTML - он должна начинаться открывающим тегом <html> и заканчиваться закрывающим </html>.
4
Поместите сразу после тега <html> заголовочную часть веб-документа - это блок, который должен присутствовать в коде каждой страницы. Он не виден посетителя страницы, но содержит служебную информацию для браузера и поисковых роботов. Этот блок начинается с тега <head> и заканчивается тегом </head>. Между ними поместите строку, из которой браузер прочтет текст заголовка окна этой страницы:
<title>Это заголовок окна</title>
После тега title напишите метатег, содержащий информацию об используемой кодировке:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
Это минимально необходимый для нормального отображения страницы набор тегов заголовочной части.
<title>Это заголовок окна</title>
После тега title напишите метатег, содержащий информацию об используемой кодировке:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
Это минимально необходимый для нормального отображения страницы набор тегов заголовочной части.
5
Вставьте блок инструкций видимой части документа сразу после закрывающего тега заголовка (</head>). Этот блок ограничивается открывающим тегом <body> и закрывающим </body>. Между ними размещаются теги всех элементов, которые посетитель должен увидеть на странице. В самом простом варианте сюда можно поместить какой-либо текст. Например:
<body>
Это текст простой страницы
</body>
<body>
Это текст простой страницы
</body>
6
Сохраните весь набранный вами исходный код html-страницы. Полностью он должен выглядеть так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Это заголовок окна</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
Это текст простой страницы
</body>
</html>
Посмотреть эту страницу вы можете, дважды щелкнув сохраненный файл.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Это заголовок окна</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
Это текст простой страницы
</body>
</html>
Посмотреть эту страницу вы можете, дважды щелкнув сохраненный файл.
7
Используйте специализированные HTML-редакторы, которые значительно упрощают создание веб-страниц. Например, необходимые теги простейшей страницы в них создаются вместе с созданием нового документа, то есть простым нажатием сочетания клавиш CTRL + N.
