Для начала давайте создадим обычную html-страницу. Каким редактором вы будете пользоваться, на самом деле, не важно. Главное, даже если вы выбрали один из WYSIWYG (What You See Is What You Get, «что видишь, то и получишь»), откройте его в режиме редактирования кода и никогда не не переключайтесь в режим визуализатора.
Призывать всех работать в Блокноте — не стану, т.к. это, по меньшей мере, глупо. Посоветовать могу либо Aptana Studio, либо Adobe Dreamweaver.
Так, с редакотрами оприделились, теперь пора создавать html-страницу.
Например, так:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок станицы</title> </head> <body> <p>Это контент</p> </body> </html>
Основные элементы
1. Элемент doctype.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
На самом деле doctype не является тэгом. Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу. [Более подробно о DTD]
В нашем случаи это XHTML 1.0 Transitional
2. Элемент html.
<html xmlns="http://www.w3.org/1999/xhtml"> ... </html>
Вот где действительно начинается HTML-документ. Это основной контейнер, в котором заключается все содержимое вашей странички. Атрибут xmlns необходим для xHTML-документа. Все последующие элементы должны располагаться только внутри элемента <html>...</html>
3. Элемент head.
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок станицы</title> </head>
В элемент <head> обычно помещается информация, о языке, кодировки страницы, информация об авторских правах, описание страницы и т.д.
Тэг <title> определяет заголовок документа.
Тэг <meta> используются для хранения информации предназначенной для браузеров и поисковых систем.
3. Элемент body.
<body> <p>Это контент</p> </body>
Элемент <body> содержит все что будет отображаться на веб-страницы. В данном примере это элемент <p> с текстом «Это контент».
На сегодня это все. Подпишитесь и следите за обновлениями, чтобы ничего не пропустить.
Удачи.
↑ К оглавлению ↑
2leep.com
04 марта 2010 в 7:18
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
По этому адресу он скачивает какой файл к себе на сервер? Почему именно этот адрес, всегда интересовало?
04 марта 2010 в 8:17
Никто ничего никуда не скачивает. Этот файл "описывает" страницу, которую загружает браузер, причем описывает именно для браузера. Ради интереса скачайте это файло и откройте, хотя бы тем же Дримвэйвероом. Много чего интересного там понаписано.
12 марта 2010 в 13:26
Да, но этот элемент не является обязательным и без него всё работает "на ура".
12 марта 2010 в 8:41
DOCTYPE — один из самых важных элементов HTML. Без него про кроссбраузерность можно просто забыть.
23 марта 2010 в 21:51
>Посоветовать могу либо Aptana Studio, либо Adobe Dreamweaver.
Из платных — weBuilder, из бесплатных NotePad++
16 апреля 2010 в 10:00
Лучше пользоваться Adobe Dreamweaver он поможет решить все проблемы
04 декабря 2010 в 19:15
+1 к Dreamweaver, под NotePad++ можно весь мозг сломать, неудобный он какой-то для редактирвоания и создания. Использую только для просмотра