Практическое занятие «Основы HTML»
Задание №1
Создать Web-страницу
<html>
<head>
<title>basset</title>
</head>
<body >
<h1 align="center">Бассет-хаунд</h1>
<hr align="center" size=4 noshade color="#1E90FF">
<p align="center"><font size=5 face="Comic Sans MS" color="#7B68EE">
<b><i>Бассет-хаунд</b></i>
- это старая аристократическая порода
родом из Франции
</font></p>
<p align="justify"><font size=4 face="Arial" color="black">Их разводили как охотничью породу
для гона на кроликов, зайцев, оленей и другой дичи.
По способности к гону и чутью он уступает только
<b><i>бладхаунду.</b></i></font></p>
<marquee bgcolor="#d3d3d3" direction="right" loop="5" >
Популярные породы охотничьих собак</marquee>
</body>
</html>
Задание №2
Верхний и нижний индекс
<HTML><HEAD><TITLE>Нижние и верхние индексы</TITLE>
|
|
<BODY>a<SUB>2</SUB>+b<SUB>2</SUB>=c<SUP>2</SUP> </BODY></HTML>
Задание №3
Создание бегущей строки
<html> <head>
<title>Создание бегущей строки</title>
</head> <body>
<font color="#00CC33">
<marquee direction="right"> Эта зеленая строка появляется слева и движется вправо </marquee>
</font>
<font color="#FF0000">
<marquee behavior="slide">Этот красный текст не бегает </marquee>
</font>
<marquee bgcolor="#FF0000" behavior="alternate"> Это качающийся текст на красном фоне
</marquee>
<marquee height="20%" bgcolor="olive"> Этот текст занимает 50% ширины экрана
</marquee>
<marquee bgcolor="grey" behavior="alternate" scrollamount="40">
За один шаг строка перемещается на 40 пикселей. Это слишком быстро.
</marquee>
<marquee bgcolor="grey" behavior="alternate" scrolldelay="400">
400 миллисекунд ожидается следующий шаг. Это слишком медленно.
</marquee> </body> </html>
Задание №4
Создать списки
Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.
7 | Нумерованный список: <OL> <LI>Первый элемент списка</LI> <LI>Второй элемент списка</LI> <LI>Третий элемент списка</LI> </OL> Ненумерованный список: <UL> <LI>Первый элемент списка</LI> <LI>Второй элемент списка</LI> <LI>Третий элемент списка</LI> </UL> Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину 1</DD> <DT>ТЕРМИН 2</DT> <DD>Пояснение к термину 2</DD> <DT>ТЕРМИН 3</DT> <DD>Пояснение к термину 3</DD> </DL> |
Таблицы на Web-странице