Веб домик – Разработка сайта – Seo продвижение – Маркетинг

Логотип сайта веб-домик

Структура HTML документа

  Существуют общие правила записи HTML документа используемые при общие правила записи HTML документа используемые при создании сайта. Для создания веб-страниц используется язык гипертекстовой разметки HTML . Рассмотрим по порядку.

  Элемент . Основной языка HTML документа является элемент. Он несет определенную информацию, может описывать документ в целом или способ форматирования текста. Все что вы захотите создать на странице сайта, будет сделано с помощью элементов. Название элемента помещается в угловые скобки, например <P> . Полученное выражение называется тегом. В данном случае это открывающий тег, который записывается так: </P> . В основном парные теги используются при форматировании текста, они задают начало и конец блока форматирования. Иногда закрывающий тег вообще не требуется, а иногда его можно вообще пропустить, однако для корректной обработки документа рекомендуется всегда использовать закрывающий тег.

  Кратко функции данных тегов можно описать так: открывающий тег включает форматирование, а закрывающий выключает. Основным отличием в записи тегов, кроме постановки символа / в закрывающем теге, является отсутствие атрибутов у последнего.

  Примером необходимости использования закрывающего тега является работа с элементом P, который обозначает абзац: <p>Текст абзаца</p> . Элементы применяются для того, что бы сообщить браузеру, какой блок вы хотите видеть в определенном месте страницы, и какую информацию этот блок должен содержать. Кроме того, браузеру нужно сообщить как отображать эту информацию. Для этого используют атрибуты элементов.

  Атрибут. С помощью атрибутов можно указывать различные способы отображения информации, добавляемой с помощью одинаковых элементов, а в некоторых случаях применение элемента без атрибутов не дает результата. Например, в одном абзаце нужно выровнять текст по левому краю, а в другом – по правому. Что бы задать выравнивание абзаца,  используем атрибут align элемента P:

<p align=”left”>Выравнивание по левому краю</p>
<p align=”right”>Выравнивание по правому краю</p>

  Значение атрибутов задаются после знака равенства в кавычках и могут быть разными. Некоторым атрибутам присущий набор фиксированных значений, для других количество значений  не ограничено. Элементы и их атрибуты являются основой языка HTML.

  Структура HTML-документа. Для создания структуры документа и хранения служебной информации в нем предусмотрено множество элементов. Пример:

<!DOCTYPE html> <!– Объявление формата документа –>
<html> <!–является корневым элементом.–>
<head> <!– Техническая информация о документе –>
<meta charset=”UTF-8″> <!– Кодировка символов документа –>
<title>…</title> <!– Заголовок документа –>
<link rel=”stylesheet” type=”text/css” href=”style.css”> <!– Подключение таблиц стилей –>
<script src=”script.js”></script> <!– Подключение сценария –>
</head>
<body> <!– Основная часть документа –>
</body>
</html>

Пример – дерево документа, объектная модель документа DOM (document object model).

объектная модель документа DOM (document object model)

  Объявление типа документа. В начале HTML-документа следует помещать строку объявления: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

Эта строка дает браузеру общую информацию об HTML-документе. Рассмотрим по частям и выясним, какую информацию о документе несут данные.

  Элемент <html> . Корневой элемент документа, содержащий внутри все элементы. Что находится за пределами элемента <html>Документ</html> не обрабатывается браузером.

  Элемент <head> . Содержит другие элементы, несущие служебную информацию о странице. Элементы находятся внутри элемента <head>другие элементы</head> , сообщают браузеру для обработки страницы, а поисковым система – в индексации документа.

  Элемент <title> . Задает название страницы, которое отображается в строке заголовка окна браузера. Основная функция рассказать посетителю о чем страница. Поисковые системы используют текст, содержащий в элементе <title> для поиска, и выводят в качестве результата поиска.

  Элемент <meta> . Используется для хранения дополнительной информации о странице. Элемент <head> может содержать несколько элементов <meta>, потому что они несут различную информацию. С помощью элемента <meta> можно запретить или разрешить индексацию веб-страниц. Примеры :

<meta name=”description” content=”Описание содержимого страницы”>
<meta name=”robots” content=”index, follow”> <!– Индексация и переход по ссылкам разрешены –>
<meta name=”robots” content=”index, nofollow”> <!– Индексация разрешена, переход по ссылкам запрещен –>
<meta name=”robots” content=”noindex, nofollow”> <!– Индексация и переход по ссылкам запрещены –>

  Элемент <style> . Внутри элемента задаются стили, которые используются на странице. Элементов на странице может быть несколько. Для задания стилей в HTML применяется язык CSS.

  Элемент <link> . Определяет отношения между текущей страницей и другими документами. Элементов на странице может быть несколько. 

Атрибуты:
type – задает параметры объекта, с которым определяется связь.
href– основной атрибут элемента указывающий путь к объекту где он расположен.

  Элемент <script> . Позволяет присоединять к документу сценарии. Текст сценария может располагаться либо внутри элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента script .

  Элемент <body> . Внутри элемента <body> располагается документ, все элементы и содержимое отвечающие за форматирование документа.

СЕГОДНЯ ЧИТАЮТ

World Vision 4G CONNECT MINI - модем с поддержкой LTE Cat.4, скорость загрузки до 150 МБ/с и выгрузки до 150 МБ/с .

Быстрый 4G интернет

   World Vision 4G CONNECT MINI – модем поддержкой LTE Cat.4, скорость загрузки до 150 МБ/с и выгрузки до 150 МБ/с, а две внешних съемных LTE антенны повысят эффективность работы 4G.

Основные характеристики Чипсет: ZX297520V3E, RTL8192ES LED индикация: Індикація режимів Поддержка технологии МИМО Стандарт связи: IEEE802.11 N/802.11 G/802.11B/802.3/802.3U Режим работы: 4G ROUTER Поддерживаемые стандарты связи: UMTS / DC-HSPA+ / LTE Частотный диапазон 4G LTE: 800 МГц, 900 МГц, 1800 МГц, 2100 МГц, 2600 МГц Скорость передачи данных 4G: до 150 Мбит/сек, 3G: HSPA+ – до 42 Мбит/сек Частотный диапазон 3G: 900 МГц, 2100 МГц Мощность: 15 дБм ±2 дБм Габариты (мм): 47x135x102 Вес коробкой: 390 г Розмер с коробкой (мм): 20х110х8 Комплектация: Маршрутизатор Адаптер питания 12v0.5А DC 5.5/2.5 Кабель Ethernet Инструкция ВАЖНО: Перед использованием в роутере отключите запрос пин-кода SIM-карты.

0
ЧИТАТЬ ПОЛНОСТЬЮ »
Новая почта сотрудничество с мошенниками

Нова почта сотрудничество с мошенниками

   Все жители Украины и не только , пользуются услугами перевозчика Нова почта. Компания себя хорошо заявила в начале своей деятельности .
Сегодня нова почта лидер по перевозкам заказов товаров с интернета . У каждого человека сформировалось мнение о том что нова почта надежный перевозчик , и самое главное думает о своем клиенте.
Давайте вместе разберем самого популярного перевозчика Нова почта. Основатели и руководители компании Вячеслав Климов, Владимир Поперешнюк и Инна Поперешнюк, главный адрес офиса : индекс 03131, Киев, Столичное шоссе, 103 .
Компания открылась 13 февраля 2001 года, специализируется на логистике и перевозках грузов. Количество сотрудников и отделений множество по стране и не только. Обслуживание клиентов и тарифы по перевозкам Вы сами знаете на сегодняшний день кто пользовался компанией nova poshta.

0
ЧИТАТЬ ПОЛНОСТЬЮ »
Microsoft научился имитировать голос человека

Microsoft научился имитировать голос человека

Microsoft объявила новую модель искусственного интеллекта для преобразования текста в речь под названием VALL-E, которая может точно имитировать голос человека при трехсекундном звуковом образце.

Модель генератора речи может сохранять эмоциональный тон говорящего и акустическую среду. Для точного подражания оригиналу, необходим лишь тестовый семпл (голосовой образец ) длинною всего три секунды. Как только VALL-E выучит конкретный голос, он может воспроизводить речь и эмоциональный тон говорящего.

0
ЧИТАТЬ ПОЛНОСТЬЮ »
5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
0
Оставьте комментарий! Напишите, что думаете.x
Прокрутить вверх