Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Работа 9.1. Изучение основ языка гипертекстовой разметки документов (HTML) и создания многостраничных сайтов
Цель работы. Изучить основы и получить навыки подготовки многостраничной информации для размещения ее в Интернете. В результате выполнения данной работы студенты должны изучить на практике способы подготовки информации для размещения ее в Интернет.
Порядок выполнения работы. 1. Изучить теоретическую часть 2. Выполнить задания в соответствии методическими указаниями 3. В конце лабораторной работы студенты должны представить отчёт по работе преподавателю и ответить на его вопросы Предварительные указания по порядку выполнения работы · Отчётом по данной работе является документ HTML, состоящий из четырех страниц, находящийся в папке имя которой является фамилией студента. · При выполнении работы создание и редактирование текста выполняется при помощи редактора Блокнот (Notepad). · Просмотр страниц выполняется из браузера Internet Explorer или иного, установленного на компьютере студента и преподавателя.
Теоретическая часть
Создание любого сайта возможно только после знакомства с языком HTML, который является основой создания страниц любого сайта и освоить правила формирования структуры сайта и взаимосвязи его страниц.. HTML-документы представляют собой ASCII-файлы, доступные для просмотра и редактирования в любом редакторе текстов. Правила форматирования документа в HTML определяются при помощи специальных команд – тегов. Большинство тегов являются парными и имеют схожий вид. Начинаются они с имени тега в угловых скобках, а заканчиваются именем тега с косой чертой также в угловых скобках. Например, чтобы указать, что текст должен располагаться в середине экрана, используется следующая команда: <center> Привет посетителям моей страницы. </center> Основные типы тегов представлены ниже: · <html> и </html> - это граничные теги HTML страницы и они размещаются в начале и конце любой страницы · <head> </head> - между этими тегами находится невидимая часть сайта, служебная информация. · <title><.title> - между этими тегами пишется название сайта. · <body> </body > - между этими тегами размещается информация сайта, отображаемая на экране компьютера · <table> <tr> <td> - теги формирования таблиц, которые являются одной из важнейших конструкций при построении сайта.
· <h>... </h> <p>...</p> <li>...</li> - теги для написания заголовков, параграфов, списков для вставки текста на страницу. · <img src="адрес" height="высота" alt="название" > - так вставляется изображение. · <a href="# адрес"> Страница 1 </a> - так делается ссылка на страницу. Простейший документ на языке HTML и его отражение в браузере представлены ниже на рис. 8.16:
Рис. 8.16
Здесь использованы следующие теги: <HTML> и парный ему </HTML> для описания всего документа (его границ) <HEAD> и парный ему </HEAD> – информационный блок <TITLE> и парный ему </TITLE> для задания заголовка документа <BODY> и парный ему </BODY> для описания тела документа <H1> и парный ему </H1> для задания текстового заголовка первого уровня <BR> для указания на конец параграфа. Внимание, тег <BR> не имеет парного тега.
ПРИМЕЧАНИЕ. В тегах языка HTML не различаются символы верхнего и нижнего регистров: тег <TITLE> эквивалентен тегу <title><Title>. Заголовок документа Тэг <TITLE> и парный ему тег </TITLE> Каждый HTML-документ должен иметь заголовок. Заголовок используется для поиска документов и обычно отображается отдельно от документа, например, как заголовок окна, в котором отображается сам документ. Обычно заголовок содержит краткое описание содержимого документа. Заголовки разделов внутри документа. Для структуризации текста в документе HTML возможно использование заголовков шеcти уровней – от 1 до 6. Заголовок первого уровня считается самым главным (крупным) и используется в качестве первого заголовка документа. Заголовки могут выделяться цветом или шрифтом. Синтаксис: <Hx>Текст заголовка</Hx>, где х – это число от 1 до 6, указывающее уровень заголовка. В примере на рис. 8.16 использован заголовок первого уровня. Логические стили Логические стили, наряду с шестью стилями заголовков используются для формирования текстовой части документа. Начертание текста выделенного с помощью логических стилей зависит от настроек браузера.
<STRONG> –служит для выделения текста (обычно это утолщённый шрифт). <SMALL> – уменьшенный шрифт. <BIG> – увеличенный шрифт. <SUP> (superscript) – для верхних индексов. <SUB> (subscript) – для нижних индексов. Физические стили Начертание шрифта при использовании таких стилей не зависит от настроек браузера. <U> – (underline) подчёркивание <B> – (bold) – полужирный <I> – (italic)курсив Чтобы ввести в текст символ произвольного вида, можно задать его код в следующем формате &#n, где n это ASCI – код вводимого символа. Чтобы ввести в текст пробел надо написать  .
|
||||||||
Последнее изменение этой страницы: 2021-07-18; просмотров: 58; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.145.77.114 (0.01 с.) |