- •1. Цели и задачи лабораторной работы
- •2. Описание используемых в лабораторной работе элементов html
- •3. Описание последовательности выполнения лабораторной работы.
- •3.1. Создание таблиц.
- •3.1.1. Создадим таблицу-скелет для страницы “index.Html” и занесем в неё непосредственно контент.
- •3.1.2. В результате проделанных изменений страница приобретёт вид (рис.1):
- •3.1.3. Создадим таблицу-скелет для страницы “contact.Html” и занесем в неё непосредственно контент.
- •3.1.4. В результате проделанных изменений страница приобретёт вид (рис.2):
- •3.1.5. Создадим таблицу-скелет для страницы “bio.Html” и занесем в неё непосредственно контент.
- •3.1.6. В результате проделанных изменений страница приобретёт вид (рис.3):
- •4. Результаты работы
- •5. Ответы на контрольные вопросы
- •1). Что такое Веб-сайт?
Министерство образования и науки Российской Федерации
Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования
«Национальный исследовательский Томский политехнический университет»
|
|
|
Отчет
по лабораторной работе № 1
дисциплина «Мировые информационные ресурсы»
Выполнил:
Студент гр. 8591
_______________ Р.А. Беднарский
Проверил:
Доцент кафедры ОСУ
_______________ Н. Ю. Хабибулина
2012
1. Цели и задачи лабораторной работы
Цель работы - изучение основных элементов HTML для работы с текстом и гиперссылками.
Задачи лабораторной работы:
ознакомиться с теоретическим материалом, посвященным основным элементам языка HTML, используемым в процессе разработки статических web-страниц для оформления текста и гиперссылок;
закрепить на практике изученный материал, применив элементы работы со шрифтами и гиперссылками, разметкой абзаца, некоторые служебные и непечатные символы и др.
2. Описание используемых в лабораторной работе элементов html
Синтаксис тега |
Краткое описание тега |
Основные атрибуты тега |
Краткое описание атрибутов |
<table>
</table>
|
служит контейнером для элементов, определяющих содержимое таблицы. |
align
|
Определяет выравнивание таблицы. |
background
|
Задает фоновый рисунок в таблице. |
||
height |
Высота таблицы |
||
width
|
Ширина таблицы. |
||
cols |
задает количество столбцов в таблице |
||
cellpadding |
Определяет расстояние между границей ячейки и ее содержимым |
||
cellspacting |
Задает расстояние между внешними границами ячеек. |
||
<b></b> |
Предназначен для выделения текста жирным шрифтом
|
- |
- |
<i></i> |
Предназначен для выделения текста курсивом |
- |
- |
<a></a> |
Предназначен для создания ссылок
|
target |
Открывает в новом окне или в этой же вкладке |
title |
Добавляет поясняющий текст к ссылке |
||
href |
Ссылка |
||
<tr></tr>
|
служит контейнером для создания строки таблицы |
height |
Высота строки |
width |
Ширина строки |
||
<td></td> |
служит контейнером для создания столбца таблицы |
height |
Высота столбца |
width |
Ширина столбца |
||
valign |
Устанавливает вертикальное выравнивание содержимого ячейки. |
||
<body></body> |
предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. |
background |
Определяет изображение, которое будет использоваться в качестве фонового рисунка. |
link |
Устанавливает цвет непосещенных ссылок. |
||
vlink |
Устанавливает цвет посещенных ссылок. |
||
alink |
Устанавливает цвет активной ссылки |
||
<head></head> |
предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. |
- |
- |
<center></center> |
Устанавливает объект по центру |
- |
- |
<ul></ul> |
Предназначен для установления точечного списка |
<li> |
Элемент списка |
<ol</ol> |
Предназначен для установления нумерованного списка |
<li> |
Элемент списка |
<p></p> |
Параграф |
- |
- |
</br>
|
Одиночный тег для перехода на другую строку |
- |
- |
<font></font> |
представляет собой контейнер для изменения характеристик шрифта |
size |
Задает размер шрифта в условных единицах от 1 до 7 |
face |
служит для задания гарнитуры шрифтов |
||
color |
Задает цвет текста |