Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь
FAQ
Написать работу

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ Написать работу

Работа 9.1. Изучение основ языка гипертекстовой разметки документов (HTML) и создания многостраничных сайтов

↑

⇐ ПредыдущаяСтр 15 из 19Следующая ⇒

Цель работы. Изучить основы и получить навыки подготовки многостраничной информации для размещения ее в Интернете.

В результате выполнения данной работы студенты должны изучить на практике способы подготовки информации для размещения ее в Интернет.

Порядок выполнения работы.

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:

<HTML> <HEAD> <TITLE>Документ HTML </TITLE> </HEAD> <BODY> <H1> Это заголовок </H1> Добро пожаловать в WWW <br> Я, Иванов Иван Иванович, новый автор HTML-документов </BODY> </HTML>

Рис. 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 – код вводимого символа.

Чтобы ввести в текст пробел надо написать &nbsp.

⇐ Предыдущая 10 11 12 13 141516 17 18 19 Следующая ⇒

Познавательные статьи:

Техника прыжка в длину с разбега

Организация работы процедурного кабинета

Области применения синхронных машин

Оптимизация по Винеру и Калману

Последнее изменение этой страницы: 2021-07-18; просмотров: 126; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 216.73.216.156 (0.005 с.)