![]() Главная страница Случайная страница Разделы сайта АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Лабораторная работа№1 Представление текстовых документов в формате HTMLСтр 1 из 5Следующая ⇒
Тема лабораторной работы: создание web-страниц с использованием HTML. Цель работы: изучение основ языка гипертекстовой разметки HTML. 1. Изучить структуру web-документа Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <! DOCTYPE…>, которая обычно выглядит примерно так: <! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 4.01. и он будет одинаково смотреться во всех браузерах(обычно это три основных Internet Explorer, Opera, Firefox). Далее обозначается начало и конец документа тегами < html> и соответственно. Внутри этих тегов должны находиться теги головы (< head> < /head>) и тела документа(< body> < /body>). Обычно основой головы документа является элемент TITLE - заголовок документа. Также там содержится вся техническая информация, различные таблицы стилей и.т.п. Основное содержимое: текст, таблицы, картинки, - находится в теле документа. На этой картинке схематически изображена структура:
Как вы видите, голова находится над телом, поэтому никогда не размещайте голову документа в теле документа (или наоборот). Сначала закрываем голову документа < /HEAD>, и лишь затем открываем тело < BODY>. И еще, у документа одна голова и одно тело, и не стоит пытаться создавать их большее количество. Вставка комментария: <! -- --> - закомментированный текст при просмотре документа через браузер видно не будет. В начале комментарий нужно открыть тегом <! -- затем вписать текст, и закрыть тегом -->. Тег <! -- --> внутри элемента TITLE не действует. Забиваем Сайты В ТОП КУВАЛДОЙ - Уникальные возможности от SeoHammer
Каждая ссылка анализируется по трем пакетам оценки: SEO, Трафик и SMM.
SeoHammer делает продвижение сайта прозрачным и простым занятием.
Ссылки, вечные ссылки, статьи, упоминания, пресс-релизы - используйте по максимуму потенциал SeoHammer для продвижения вашего сайта.
Что умеет делать SeoHammer
— Продвижение в один клик, интеллектуальный подбор запросов, покупка самых лучших ссылок с высокой степенью качества у лучших бирж ссылок. — Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта. — Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы). — SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание. SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Зарегистрироваться и Начать продвижение 2. Создать простейшую страничку. ШАГ 1. ШАГ 2: ШАГ 3: Пример: <! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" < html> < title> Это моя первая страничка! < /title> < /head> < body> <! --сейчас я напишу свою первую строчку текста! --> < /body> < /html>
ШАГ 4: ШАГ 5: Для того, чтобы внести изменения в страничку, Вам нужно открыть данный файл через обычный блокнот. Либо же, можно менять прямо в браузере, но только в браузере Opera. 3. Изучить форматирование заголовков и абзацев По умолчанию текст идет слитно, без разделений на абзацы, заголовки, т.е. форматирование отсутствует! Основными элементами форматирования текста в html являются тэги:
Рассмотрим каждый тэг подробнее.
|