![]() Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ТОП 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; просмотров: 62; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.191.140.27 (0.01 с.) |