Часть 1
4. Материалы, которые необходимо приложить для размещения на странице:
- контактный телефон/ы (для размещения на странице) - e-mail (для размещения на странице) - отзывы (минимум 3-4 отзыва) - перечень преимуществ Вашей компании - краткий текст о компании - описание и фотографии товаров/услуг (не более 5-7 товаров/услуг) - перечень наиболее известных/крупных Ваших клиентов - приложите лицензии/сертификаты на продукцию/услуги (не более 5) Большое спасибо за внимание, которое Вы уделили подготовке брифа! Мы проведем анализ конкурентов для получения наилучшего результата.
20.03 Html документ - это обычный текстовый файл с расширением «*.html», который содержит Html-код. При получении Html документа браузер будет отображать его в виде web-страницы, при этом вы не увидите в окне браузера отображение написанных вами тегов. 1.<html>; <head>; <title> - Заголовок </title>; </head>; <body>; <h1>- мой первый заголовок </h1>; <p> - мой первый абзац </p>; </body>; </html>; Результат: МОЙ ПЕРВЫЙ ЗАГОЛОВОК, мой первый абзац.
Html-это язык для описания web-страница абивриатура Html расшифровывается как язык размера гипер текста. Он не является языком программирования. Html использует теги разметки. Html теги - это ключевые слова или символы заключённые в угловые скобки. Теги бывают 2х видов: парные и одиночные. парные (<body></body>) одиночные(<br>) С помощью тегов браузер распознает структуру и значение вашего текста. Без использования тегов браузер выведет просто сплошной поток текста, без отступов, заголовков, абзацев. 2. <html>; <head>; <title>Летнее меню </title>; </head>; <body>; <h1>напитки в нашем кофе</h1>; <h3>мультифрукт-100р. </h3>; <p> апельсиновый и ананасовый сок</p>; <h3> молочный коктель</h3>; <p> молоко, мороженное, сироп</p>; </body>; </ html>; - Html элементы Это основная структурная единица web-страницы написанная на языке Html. Все элементы в Html следуют одному формату: 1. Элемент начинается с открывающего тега. 2. Элемент заканчивается заканчивающим тегом. 3. Содержимым элемента является всё что находится между тегами «открыть и закрыть». 4. Некоторые элементы не имеют содержимого(пустые элементы). 5. Большинство элементов могут содержать атрибуты. - Вложенные элементы Все Html документы состоят из вложенных документов, глубина вложенности элементов неограниченна. Когда вы размещаете один элемент внутри другого, будьте внимательны к вложенности Как не должно быть: <p>это<em>очень </p> интересно</em>;. Пробельные символы Браузер игнорирует большинство пробельных символов в Html коде. Символы табуляции, перенос строки и пробелы в Html документе можно использовать в любом количестве для приданию коду удобно читаемого вида. Блочные и строчные элементы - блок(block) - строчные(inline) Блочные элементы представляют собой строительные блоки вашей web-страницы, при отображении браузер автоматически добавляет разрыв строки до и после блочного элемента. При этом он занимает всю доступную ширину, а высота блочного элемента вычисляется браузером автоматически. Текс в блочных элементах выравнивается по умолчанию. Обычно блочные элементы используются, чтобы разделить содержимое web-страницы на аналогические блоки(например: верхний колонтитул(шапка сайта), меню, блок с контентом, нижний колонтитул(footer)). Строчные элементы. Используются для разметки частей содержимого элементов. Браузер не добавляет разрыв строки как в блочных, поэтому если несколько строчных элементов идут подряд друг за другом, они располагаются на одной строке и переносятся на другую по необходимости.
Атрибуты Html тегов Атрибуты предназначены для предоставления дополнительной информации об элементе и они всегда указываются внутри открывающего тега. Имена атрибутов нечувствительных к регистру. Значения атрибута может состоять из текста, цифр и других символов (единственный запрещённый «&»).
Атрибуты могут быть записаны четырьмя различными способами: 1. Пустой атрибут. 2. Атрибут со значением без кавычек. 3. Атрибут со значениям в одиночных кавычках(апостроф). 4. Атрибут со значением в других кавычках.
24.03 Пустой атрибут Существуют для атрибутов булево (логического типа), поддерживается синтаксис при котором явное указание значения атрибутов можно опустить. Атрибут со значением без кавычек Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута подразумевает после знака =, будет следовать значение атрибута, которое не должно содержать пробела, двойных кавычек, знак (‘) и других видов кавычек. Пример
Атрибут со значением в одиночных кавычках Пример
Атрибут со значением в двойных кавычках Может содержать любые символы, включая апострофы Пример
Структура html документа Каждый html документ, отвечающий спецификации html в какой-либо версии, обязан начинаться со строки декларации версии html.
Элемент html Этот элемент так же называется корневым, потому что все остальные элементы документа располагаются в нём. Корневой элемент может иметь только 2 дочерних элемента: 1. <head>; 2. <body>;
Элемент Head является контейнером для других элементов, которые предоставляют информацию о документе (метаданные). Эти метаданные сообщают браузеру местонахождение ваших скриптов и таблиц стилей.
Элемент Title представляет собой текстовый заголовок для документа. Каждый html документ должен иметь ровно один элемент title. Браузеры отображают содержимого title как имя документа вверху окна браузера или в названии вкладки.
Элемент body является контейнером для всего содержимого web страницы. Всё что отображается в окне браузера и видит, пользователь содержится в нём. Основная цель – отделить содержимое документа от метаданных.
Часть 1
|
Чтобы отредактировать код Html документа нажмите на него правой кнопкой мыши(ПКМ) открыть с помощью NotePad++
