рефераты конспекты курсовые дипломные лекции шпоры

Раздел Программирование
/
Урок 13: Пару слов про голову документа

Реферат Курсовая Конспект

Выберите учебное заведение

Урок 13: Пару слов про голову документа

Урок 13: Пару слов про голову документа - раздел Программирование, Изучение HTML языка Все Это Время Мы Говорили Про Тело Документа И Уже Научились Делать Свои...

Все это время мы говорили про тело документа и уже научились делать свои страницы. Поговорим теперь про голову документа.

В первом уроке я говорил, что голова документа открывается тегом <HEAD> и закрывается тегом </HEAD> . Какие основные элементы содержатся в голове док-та?

Ну во-первых это название документа - элемент TITLE . У этого элемента обязательный закрывающий тег. Это очень важный элемент.

Информация из элемента TITLE показывается в окне браузера(вверху слева), и поэтому это очень важный и информативный элемент для посетителей сайта.

Если в TITLE написать например:

<title>Как создать сайт самому. Написать сайт самому. Сайтостроение</title>

Получим:

Тем более, первые 70 символов из TITLE показываются при поиске в Гугле и других поисковых системах. Обычно там используются ключевые слова по которым хотят раскручивать сайт.

Во-вторых это описание страницы сайта. Первые 170-200 символов видны при поиске в гугле поэтому оно тоже очень важно (на скриншоте выше описание это "Хотите создать и раскрутить сайт......")

<META NAME="Description" CONTENT="Хотите создать и раскрутить сайт в сети интернет ..... и.т.д.">

Здесь используется элемент METAне имеющий закрывающего тега, c атрибутами NAME(определяет имя мета-записи в данном случае это описание - description ) и CONTENT (определяет содержимое мета-записи).

В-третьих это набор ключевых слов. Сейчас это уже не актуально и нигде не используется. Поэтому можете даже и не применять. Раньше, эти слова учитывались поисковыми системами . Ну для общего развития смотрите как это делается:

<META NAME="Keywords" CONTENT="Сайт, интернет, htm, css">

Т.е все то же самое, только другое имя мета-записи NAME="Keywords"(от слова ключевые слова).

НУ вот например как может выглядеть голова документа:

<head>
<title>Как создать свой сайт</title>
<meta name="Description" content="Если хотите научиться делать свои сайты, тогда вы попали по адресу!">
<meta name="Keywords" content="Сайт, интернет, html, css">
</head>

Ну, что еще сказать, также в голове документа прикрепляются таблицы стилей, но об этом уже поговорим в курсе CSS .

Урок 14: Завершение...

Вот Мы и закончили учебник по html . Надеюсь Вам все понятно, а если вдруг по ходу обучения возникают вопросы, пожалуйста задавайте их на форуме.

Как следующий шаг, Вам необходимо разобраться с технологией CSS , это очень интересная и нужная вещь. В этом нелегком деле Вам поможет мой учебник по css .

Удачи и успехов Вам в обучении...

Развернуть

Открыть в широком формате

– Конец работы –

Эта тема принадлежит разделу:

Изучение HTML языка

Рад что вы решили приступить к изучению моего учебника по html Поверьте мне в нем нет ничего сложного и уже через час вы создадите свою первую... Что понадобится нам для обучения... Браузер и Блокнот или аналогичный простой редактор вот вс что вам необходимо для работы с данным учебником Раз...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Урок 13: Пару слов про голову документа

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Термина используемые по ходу обучения
Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<&quo

Урок 2: Создаем свою первую страничку
Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка создадим ее по всем правилам(они пригодятся при работе с Adobe Dreamweaver). ШАГ 1:

Как видите текст содержащийся в элементе DIV выделился в отдельную строку!
↑ Наверх ↑ SPAN - Используется для выделения части и

HR-служит для вставки в текст горизонтальной линии. Закрывающего тега нет!
Атрибуты: WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера. SIZE – толщина линии в пикселах.

Если нужно сделать ссылку между собственными страницами?
Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы(к примеру page1.htm и page2.htm

А если надо сделать ссылку внутри страницы?
Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место д

А можно сделать ссылку на почту?
Конечно можно. Вот пример ссылки на е-mail сайта zvirec.com . <a href="mailto:admin@zvirec.com">Написать письмо админу zvirec.com</a>

Урок 7: Работаем с изображениями
Изображения - это неотъемлемая часть любого сайта в сети интернет. Они используются везде, поэтому давайте разберемся что к чему. Есть три типа файлов изображений, которые можно вставить на ваши ст

А есть ещё атрибуты, которые нам необходимы?
Вот еще пара полезных атрибутов - ALT и TITLE . ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен

Урок 8: Цвет фона и текста
Мы уже знаем как менять цвет текста, но для этого нам нужно было заключать его в теги font ,а это не всегда удобно. Иногда, лучше задать цвет текста для всего документа. Также, мож

А как можно объединить ячейки?
Для этого существуют данные атрибуты. COLSPAN – определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1. ROWSPAN – опр

Урок 10: Что такое html формы и зачем они нужны.
Html формы - это наверное самая сложная часть языка html. Так что наберитесь терпения и давайте потихоньку начинать. Что такое html формы? Вот смотрите, ниже приведена html форма заказа об

Урок 11: Заканчиваем разбираться с формами
Нам осталось разобрать три элемента формы. Давайте по-порядку: <form name="primer6" method="post" action="obrabotchik.php"> <p>Выберите способ

Урок 12: Смотрим форму в действии
В этом уроке я, как и обещал, дам вам простейший обработчик и расскажу как протестировать форму. Будем тестировать вот такую форму. Введите ФИО: Введите пароль: