Методические указания и пояснения практической работы 25

Поможем в ✍️ написании учебной работы

Имя

Поможем с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой

Нажимая кнопку "Продолжить", я принимаю политику конфиденциальности

Что такое HTML?

HTML это язык для описания веб страниц

HTML - это аббревиатура от Hyper Text Markup Language (Язык гипертекстовой разметки)
HTML это не язык программирования, это язык разметки
Язык разметки - это набор тегов разметки
HTML использует теги разметки для описания веб страниц

HTML Тэги

HTML-тэги разметки обычно называют HTML тэгами

HTML тэги - это ключевые слова, окруженные угловыми скобками, например <html>
HTML тэги обычно идут парами, например <b> и </b>
Первый тэг в паре называется стартовым тэгом, второй тэг - конечным
Стартовый и конечный тэги также называют открывающим и закрывающим тэгами

HTML Документы = Веб Страницы

HTML документы описывают веб страницы
HTML документы содержат HTML тэги и обычный текс
HTML документы также называются веб страницами

Цель веб браузера (наподобие Internet Explorer или Firefox) - читать HTML документы и отображать их как веб страницы. Браузер не отображает HTML тэги, но использует тэги для интерпретации содержимого страницы:

<html> <body> <h1>Мой первый заголовок</h1> <p>Мой первый параграф.</p> </body> </html>

Разбор Примера

Текст между <html> и </html> описывает веб страницу
Текст между <body> и </body> это видимое содержание таблицы
Текст между <h1> и </h1> отображается как заголовок
Текст между <p> и </p> отображается как параграф

Создаем Первую Веб Страницу

На уроках HTML Вам не нужны какие-либо инструменты для изучения.

Вам не потребуется HTML редактор
Вам не нужен Веб сервер
Нет необходимости в уже работающем Веб сайте

Редактирование HTML

HTML можно вводить и редактировать в различных редакторах типа Dreamweaver и Visual Studio.

Однако, в этом курсе мы используем обычный текстовый редактор (наподобие Блокнота) для редактирования HTML. Мы уверены, что использование обычного текстового редактора - лучший способ изучить HTML.

Создайте 3 файла:
mainpage.htm<html><body> <h1>Это моя Главная Страница</h1><p>Это некоторый текст.</p><p><a href="page1.htm">Это ссылка на Страницу 1</a></p><p><a href="page2.htm">Это ссылка на Страницу 2</a></p> </body></html>

page1.htm

<html>

<body>

<h1>Это страница 1</h1>

<p>Это некоторый текст.</p>

</body>

</html>

page2.htm

<html>

<body>

<h1>Это страница2</h1>

<p>Это некоторый текст.</p>

</body>

</html>

HTML Заголовки

HTML заголовки определяются с помощью тэгов <h1> - <h6>.

Пример

<h1>Это заголовок</h1> <h2>Это заголовок</h2> <h3>Это заголовок</h3>

HTML Параграфы

HTML параграфы определяются с помощью тэга <p>.

Пример

<p>Это параграф.</p> <p>Это другой параграф.</p>

HTML Ссылки

HTML ссылки определяются с помощью тэга <a>.

Пример

<a href="http://www.google.ru/">Это ссылка</a>

Примечание: Адрес ссылки указывается в атрибуте href.

HTML Изображения

HTML изображения определяются с помощью тэга <img>.

Пример

Примечание: Название и размер изображения указываются в атрибутах.

HTML Элементы

HTML элемент - это все, что находится между открывающим и закрывающим тегами:

Начальный тег *	Содержимое элемента	Конечный тег *
<p>	Это параграф	</p>
<a href="default.php" >	Это ссылка	</a>
<br />

* Начальный тег часто называют открывающим тегом. Конечный тег часто называют закрывающим тегом.

HTML Синтаксис Элемента

HTML элемент начинается с начального / открывающего тега
HTML элемент заканчивается конечным / закрывающим тегом
Содержимое элемента всегда находится между начальным и конечным тегами
Некоторые HTML элементы имеют пустое содержимое
Пустые элементы закрываются в начальном теге
Большинство HTML элементов могут иметь аттрибуты

Подсказка: Вы узнаете об аттрибутах в следующем Уроке HTML данного учебного курса.

Вложенные HTML Элементы

Большинство HTML элементов могут быть вложенными (могут содержать другие HTML элементы).

HTML документы состоят из вложенных HTML элементов.

HTML Документ Пример

<html> <body> <p>Это мой первый параграф.</p> </body> </html>

Этот пример выше содержит 3 HTML элемента.

HTML Разбор Примера

<p> элемент:

<p>Это мой первый параграф.</p>

<p> элемент определяет параграф в HTML документе.
Этот элемент имеет гачальный тег <p> и конечный тег </p>.
Содержимое элемента : Это мой первый параграф.

<body> элемент:

<body> <p>Это мой первый параграф.</p> </body>

<body> элемент определяет тело HTML.
Элемент имеет начальный тег <body> и конечный тег </body>.
Содержимое элемента - другой HTML элемент (p).

<html> элемент:

<html> <body> <p>Это мой первый параграф.</p> </body> </html>

<html> элемент определяет целый HTML документ.
Элемент имеет начальный тег <html> и конечный тег </html>.
Содержимое элемента - другой HTML элемент (body).

Дата: 2019-03-05, просмотров: 190.

⇐ Предыдущая 24 25 26 27 282930 31 32 33 Следующая ⇒