Лабораторные по физике
<<  Лабораторная работа №1 Циклы в С\С  >>
Лабораторная работа №1
Лабораторная работа №1
Язык гипертекстовой разметки
Язык гипертекстовой разметки
В основном все теги парные, т.е. один открывающий <>, а другой -
В основном все теги парные, т.е. один открывающий <>, а другой -
<html> <head> Заголовок документа </head> <body> Тело документа
<html> <head> Заголовок документа </head> <body> Тело документа
Заголовок документа - тег HEAD
Заголовок документа - тег HEAD
Важно!
Важно!
Тег <base>
Тег <base>
Пример кода с тегом <base>
Пример кода с тегом <base>
Тег Meta
Тег Meta
Пример кода с тегом <Meta>
Пример кода с тегом <Meta>
Тело документа - тег<Body>
Тело документа - тег<Body>
Пример кода с тегом <Body>
Пример кода с тегом <Body>

Презентация: «Лабораторная работа №1». Автор: 1. Файл: «Лабораторная работа №1.pptx». Размер zip-архива: 82 КБ.

Лабораторная работа №1

содержание презентации «Лабораторная работа №1.pptx»
СлайдТекст
1 Лабораторная работа №1

Лабораторная работа №1

HTML. Структура и основные теги.

2 Язык гипертекстовой разметки

Язык гипертекстовой разметки

HTML (HyperText Markup Language) - язык разметки гипертекста. Основная функция HTML- указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора. html элемент- это все, что размещают: текст, рисунки, анимации и т.д. Символы составляют основу html, они называются ТЕГАМИ. Между < > находится имя тега и его параметры (если они есть).

3 В основном все теги парные, т.е. один открывающий <>, а другой -

В основном все теги парные, т.е. один открывающий <>, а другой -

закрывающий <>. Такая пара тегов называется контейнером. А все, что находится между ними - содержимым контейнера. Действия тегов распространяются только на их содержимое. Бывают также теги одиночные, т.е. не требующие закрытия. Такие теги просто совершают определенное действие, например, перевод строки или вставку рисунка. Теги могут иметь параметры (или атрибуты) По сути, HTML - это набор тегов и их параметров.

4 <html> <head> Заголовок документа </head> <body> Тело документа

<html> <head> Заголовок документа </head> <body> Тело документа

</body> </html>

Структура html-документа состоит из трех пар тегов:

Теги <html> </html> являются контейнером для всех остальных, т.е в них помещаются все остальные. Таким образом, ваш документ должен начинаться с тега <html>, а заканчиваться тегом </html>. Сам документ условно разделен на две части - заголовок документа (теги <head> </head>) и тело документа (теги <body> </body>).

5 Заголовок документа - тег HEAD

Заголовок документа - тег HEAD

<html> <head> <title>Заголовок документа</title> </head> <body> Тело документа </body> </html>

6 Важно!

Важно!

Теоретически название документа может иметь неограниченную длину, на практике рекомендуется ограничиться 60 символами. Не давайте своим документам безликие названия, типа "Первая страница", во-первых название документа должно характеризовать его содержимое, а во-вторых, содержимое тегов <title> </title> играет не последнюю роль при оптимизации и раскрутке сайта.

7 Тег <base>

Тег <base>

Одиночный тег <base> служит для указания полного URL-адреса документа. Если вы сохранили какую-нибудь html-страницу себе на компьютер, с тем, чтобы просмотреть ее позже, то все картинки на этой страницы превратятся в красные крестики. Но если вы не отключены от сети, а на странице присутствует тег <base>, то браузер будет знать, где искать необходимый файл, найдет его и загрузит картинки. У этого тега один атрибут href, значением которого является адрес страницы.

8 Пример кода с тегом <base>

Пример кода с тегом <base>

<html> <head> <title>Структура html</title> <base href="http://www.my_site.ru/"> </head> <body> Тело документа </body> </html>

9 Тег Meta

Тег Meta

Информация в этом теге не имеет никакого отношения к HTML, однако ее использование очень удобно для решения ряда задач: указание ключевых слов страницы (используется при оптимизации страниц): <meta http-equiv="KEYWORDS" content="тег, структура html, заголовок страницы"> указание краткого описания страницы: <meta http-equiv="DESCRIPTION" content="Описание структура html и элементов заголовка">

10 Пример кода с тегом <Meta>

Пример кода с тегом <Meta>

<html> <head> <title>Структура html</title> <base href="http://www.my_site.ru/"> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <meta http-equiv="KEYWORDS" content="тег, html, заголовок страницы"> <meta http-equiv="DESCRIPTION" content="Описание элементов заголовка"> </head> <body> Тело документа </body> </html>

11 Тело документа - тег<Body>

Тело документа - тег<Body>

Все, что отображается на web-странице, находится в тегах <body></body> . Это текст, картинки и исполняющиеся скрипты, а также теги для оформления всего этого. Обязательных параметров у тега <body> нет. Параметры, которые пока поддерживаются всеми браузерами: alink - устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный при нажатии на нее. vlink - устанавливает цвет посещенной ссылки, т.е. той, по которой уже щелкали. background - указывает на изображение, которое будет использоваться в качестве фонового рисунка. Этот рисунок заполняет собой все видимое пространство окна. bgcolor - указывает фоновый цвет документа. leftmargin - определяет отступ от левого края окна браузера до контента страницы. rightmargin - определяет отступ от правого края окна браузера до контента страницы. topmargin - определяет отступ от верхнего края окна браузера до контента страницы. bottommargin - определяет отступ от нижнего края окна браузера до контента страницы. text - устанавливает цвет текста для всего документа

12 Пример кода с тегом <Body>

Пример кода с тегом <Body>

<html> <head> <title>Тег body в html</title> <base href="http://www.my_site.ru/"> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"> <meta http-equiv="KEYWORDS" content="тег, html, заголовок страницы"> <meta http-equiv="DESCRIPTION" content="Описание элементов заголовка"> <script type="text/javascript" src="function.js"> </script> </head> <body bgcolor="khaki" leftmargin="100" topmargin="50" rightmargin="50" bottommargin="50" text="gray" alink="red" vlink="green"> Просто текст <br> <a href="index.html">Ссылка на страницу index.html</a> <br> <a href="map.html">Ссылка на страницу map.html</a> </body> </html>

«Лабораторная работа №1»
http://900igr.net/prezentacija/fizika/laboratornaja-rabota-1-203618.html
cсылка на страницу

Лабораторные по физике

7 презентаций о лабораторных по физике
Урок

Физика

134 темы
Слайды