Записи Друзья Комментарии
Владимир Шильников
Аватар Владимир_Шильников

 -Цитатник

✿ღ✿Нидерландский плотник построил Ноев ковчег✿ღ✿ - (2)

Шесть лет назад Йохан Хьюберс построил полномасштабную копию Ноева ковчега. Нидерландский плотник...

Сохранение дневника LiveInternet на компьютер с картинками. - (16)

Сохранение дневника на компьютер с помощью функции экспорта (export) на Liveinternet –...

Как удалить пользователя из Списка друзей. - (33)

Как удалить пользователя из Списка друзей Бывает так, что друг оказался не друг. Со...

"Авиадартс" в Крыму: дух захватывает! - (4)

В Крыму — азартные авиационные игры Военно-космических сил России. Появление в небе над полуостро...

Крымская Весна Феодосия 2016 - (10)

 -Рубрики

 -Метки

10 способов 3 способа 5 способов 7 сочетаний клавиш android battery optimize google chrome pdf в jpg windows windows 10 windows 11 windows 7 андроид без потери данных без программ без регистрации безопасность безопасность и качество бесплатная лицензия бесплатная программа бесплатно в windows в windows 10 в word в интернете ваш телефон виниловый сайдинг восстановить восстановить подключение восстановление windows 10 все способы где скачать демо версия демо игры демо режим демо-версия для android для windows 10 для компьютера для компьютеров на windows для оптимизации и очистки для фотомонтажа для чего он нужен жесткого диска игорные аппараты игорный клуб игровой автомат игровой клуб игровые автоматы игровые слоты интернет клуб исправить ошибку как исправить как открыть как пользоваться как удалить как узнать картинки и музыку качество и безопасность качество и надежность клуб вулкан компьютер компьютерные игры конвертировать которые помогут которые сделают вас кэш в браузерах хром лучшие программы мобильная версия можно ли её удалить можно ли удалить можно удалить мозила на android на windows 10 на андроид на диске с на клавиатуре на компьютер на компьютере на ноутбуке на работоспособность на рабочий стол на своем телефоне на смартфоне на телефоне не перегревался не работает не работает wi-fi на ноутбуке нельзя удалять новый год номер телефона ноутбук онлайн опера освободить место от ненужных файлов отключить обновления официальный вебсайт официальный сайт передать большой файл переустановить windows 10 подборка лучших программ подробный обзор почему и что делать почему компьютер почистить куки пошаговая инструкция праздник пресвятая богородица при включении компьютера при входе в систему программа программы продление срока простые советы прямо сейчас разными способами с помощью клавиатуры с помощью флешки сам по себе выключается слоты службы ноутбука телефон топ-10 бесплатных антивирусов ускорить работу установить программу через интернет что делать что такое что это такое чтобы ваш ноутбук

 -Фотоальбом

Посмотреть все фотографии серии Феодосия
Феодосия
20:11 10.10.2012
Фотографий: 18

 -Всегда под рукой

 -

Радио в блоге

[Этот ролик находится на заблокированном домене]
Добавить плеер в свой журнал
© Накукрыскин

 -Поиск по дневнику

Поиск сообщений в Владимир_Шильников

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 29.01.2009
Записей: 21653
Комментариев: 200300
Написано: 252321


Структура HTML кода

Воскресенье, 17 Апреля 2011 г. 19:01 + в цитатник

Структура HTML кода


Что такое тег?


Тег – это элемент html кода, то есть по сути весь html складывается из тегов.


Структура тегов, какие они бывают?


Теги бывают парные и непарные. Парные – это те, которые закрываются. Например, теги <p></p>, <html></html> и так далее. А непарные – это те, которые не закрываются, они одиночные. Например, <br>, <hr> и так далее.


Структура HTML


Вот то, что я хотел сказать перед изучением html-структуры. Теперь о ней… Структура HTML выглядит следующим образом.


<!DOCTYPE>

<html>

<head>

<meta />

<title>Название</title>

</head>

<body>

</body>

</html>

Давайте разберем каждую строчку.



  1. DOCTYPE (доктайп). В нём прописывается версия html кода, который будет использоваться на сайте.

  2. Тег <html>. Он должен стоять сразу после доктайпа и в самом конце. Данный тег заключает в себя все содержимое веб-страницы.

  3. Тег <head>. Так называемая «голова» документа. Внутри него прописываются служебные команды, такие как название веб-странички, мета-теги, кодировка и тд.

  4. Мета-тег. В таких тегах можно указывать кодировку, описании странички, ключевые слова и ещё много чего. Кстати, этот тег непарный.

  5. Title – название веб-странички. Скажу вам, очень важный тег с точки зрения SEO.

  6. Закрывающийся тег </head>.

  7. Тег <body>. Если тег <head> – «голова» документа, то это его «тело». В нём находится всё, что видит пользователь, зашедший на сайт.

  8. Закрывающийся тег </body>.

  9. Закрывающийся тег </html>.


Как видите, все очень просто. :)


Домашнее задание


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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head profile="http://gmpg.org/xfn/11">

<head>

<title>Название</title>

<meta name="description" content="Описание" />

<meta name="keywords" content="Ключевые слова" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" href="Адрес таблицы стилей" type="text/css" media="screen" />

</head>

<body>

Содержимое...

</body>

</html>
Рубрики:  Коды
Метки:  

Процитировано 21 раз
Понравилось: 10 пользователям
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
Ipola   обратиться по имени Понедельник, 18 Апреля 2011 г. 11:56 (ссылка)
Ты очень интересно написал!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Апреля 2011 г. 13:36ссылка
Владимир_Шильников
Рад что понравилось!
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 18 Апреля 2011 г. 13:46ссылка
Ipola
Очень!
ОтветитьС цитатойВ цитатникОбратиться по имени
tanushka68   обратиться по имени Понедельник, 18 Апреля 2011 г. 12:32 (ссылка)
Полезненько!Спасибо! Утащу к себе!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 18 Апреля 2011 г. 13:37ссылка
Владимир_Шильников
Пользуйтесь на здоровье!
ОтветитьС цитатойВ цитатникОбратиться по имени
Nadin-YA   обратиться по имени Четверг, 01 Марта 2012 г. 12:18 (ссылка)
Спасибо, заново учусь
Ответить С цитатой В цитатник
Перейти к дневнику
Stdoy1234   обратиться по имени Воскресенье, 13 Мая 2012 г. 17:41 (ссылка)
Все логично и доступно!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 13 Мая 2012 г. 18:06ссылка
Владимир_Шильников
Пользуйтесь на здоровье!
ОтветитьС цитатойВ цитатникОбратиться по имени
beryozk   обратиться по имени Суббота, 23 Января 2016 г. 19:28 (ссылка)
Спасибо .Цитирую.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 24 Января 2016 г. 10:02ссылка
Владимир_Шильников
Всего Вам доброго!
ОтветитьС цитатойВ цитатникОбратиться по имени
Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте