ТОР 5 статей: Методические подходы к анализу финансового состояния предприятия Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века Характеристика шлифовальных кругов и ее маркировка Служебные части речи. Предлог. Союз. Частицы КАТЕГОРИИ:
|
Лабораторная работа№1 Представление текстовых документов в формате HTML
Тема лабораторной работы: создание 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 не действует. 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 являются тэги:
Рассмотрим каждый тэг подробнее. Не нашли, что искали? Воспользуйтесь поиском:
|