- Создание сайта на Adobe Dreamweaver
- Первая веб страница
- Форматирование текста в HTML
- Создание списков
- Гиперссылки
- Создание таблиц в блокноте
- Цвета в HTML
- Как создать форму в HTML?
- Табличная верстка сайта
- Изображения в html
- CSS
- Работа с текстом и изображениями в CSS
- Блочная структура сайта
- Блочная верстка
В этом уроке мы познакомимся с таким элементом страницы как head. Тег head, как вы знаете, идет вначале страницы. Перед тегом head идет тег doctype:
<!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">
Этот тег сообщает браузеру, что страница написана на языке xhtml 1.0 (одна из версий языка html).
В теге head прописывают мета- информацию:
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Site2</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head>
Здесь сообщается, что выводить текст нужно в кодировке utf-8(charset=), название сайта Site2 (<title>Site2</title>). К этому документу подключена таблица стилей css style.css (<link href=»style.css» rel=»stylesheet» type=»text/css» />).
Также можно будет встретить такой тег:
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML">
meta name=»keywords»— означает что в этом теге назначены ключевые слова, которые прописаны после content=.
А в этой строке идет описание страницы:
<meta name="description" content="Бесплатные Web-учебники по HTML, CSS, XML, и XHTML">
После слова content= идут слова, с помощью которых описывали содержание страницы.
Раньше эти мета теги использовали для продвижения сайтов в поисковой выдаче. Но сейчас эти мета- теги практически бесполезны, т.к. поисковые машины игнорируют их.
Полный список атрибутов тега meta можно найти в справочнике по html.
Вот мы и подошли к концу нашего учебника. Мы проделали большой путь. Теперь вы можете делать неплохие статистические сайты. Если же вы хотите продвинуться дальше, делать динамические сайты, т.е. сайты с изменяемым содержимым, то вам нужно в дальнейшем изучать языки веб-программирования, например php или asp.
Существуют также cms- это такие шаблоны динамических сайтов, в которых каркас и дизайн уже создан. Вам останется только наполнить его контентом. Недостаток cms- без знания языков веб-программирования вы существенно не сможете изменить дизайн своего сайта. Наиболее популярные cms это- Joomla, WordPress, Drupal. Если вы хотите быстро создать свой блог или форум, то изучив одну из этих cms вы сможете это сделать.
Желаю вам удачи на просторах Интернета.