В папке C:\OpenSever\domains\mysite.ru создайте директорию html.
В этой директории создайте файл page_1.html
<html> <head> <title> моя страничка </title> </head> <body> <table align ="center" width ="70%" cellpadding ="2" cellspacing = "2" border = "1"> <tr> <td align ="center"><img src="1.JPG" width="150px"> </td> <td align ="center"><p> фамилия</p> <p>имя</p> <p>отчество</p> </td> </tr> <tr> <td align ="center"><p> <a href="#">Поиск</a></p></p><a href="#">Текст</a></p> <p><a href="#">Ссылка</a></p> <td align ="center"> <div align ="center">поиск <input type ="text"></div> <div align ="center"><img src="2.JPG" Width="150px"></div> <div align ="center">текст текст текст</div> </td> <tr> <td align ="center" colspan ="2"> <div align ="center">фамилия <input type ="text"></div> <div align ="center">имя <input type ="text"></div> <div align ="center">отчество <input type ="text"> <div align ="center">пол: м <input type ="checkbox"></div> <div align ="center">пол: ж <input type ="checkbox"></div> <div align ="center">согласие <input type ="radio"></div> <div align ="center"><input type ="submit" value="зарегистрироваться"></div> <div align ="center"><input type ="reset" value="стереть"></div> </td> </tr> </table> </body> </html>
Скопируйте в папку C:\OpenSever\domains\mysite.ru\html 4 любых графических файла и назовите их 1.jpg, 2.jpg, 3.jpg, 4.jpg
В результате выполнения задания на экране браузера у вас должно отобразиться следующее:
В этой же директории создайте файл page_2.html со следующим содержимым:
<html> <head> <title>HTML теги</title> </head> <body bgcolor="#CCCCCC" text= "#336699"> <h1>Заголовок H1</h1> <h2>Заголовок H2</h2> <h3>Заголовок H3</h3> <h4>Заголовок H4</h4> <h5>Заголовок H5</h5> <h6>Заголовок H6</h6> <b><font size="+4">Размер текста +4 (полужирный)</font></b> <br /> <i><font size="+3">Размер текста +3 (курсив)</font></i> <br /> <font size="+2">Размер текста +2</font> <br /> <font size="+1">Размер текста +1</font> <br /> <font size="0">Размер текста 0</font> <br /> <font size="-1">Размер текста -1</font> <br /> <font size="-2">Размер текста -2</font> <br /> <p>Абзац текста</p> <font color ="#CC0000">красный цвет</font> <br /> <p align= "center">Выравнивание текста по центру</p> <p align= "left">Выравнивание текста по левому краю</p> <p align= "right">Выравнивание текста по правому краю</p> <p align= "justify">Выравнивание текста по ширине. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста. Много заполняющего текста.</p> <tt>Моноширинный текст</tt> <br /> <pre>Текст с исходным форматированием</pre> <br /> <u>Подчеркнутый текст</u> <br /> <strike> перечеркнутый </strike> <br /> <s>Перечеркнутый текст</s> <br /> <sup>Верхний индекс</sup> <br /> <sub>Нижний индекс</sub> <br /> <img src="1.JPG"> <br /> <img src="1.JPG" Width="50px"> <br /> <a href="#">Текст ссылки</a> <br /> <a href="1.jpg"><img src = "2.jpg" width="300px"></a> <br /> </body> </html>
В результате выполнения задания на экране браузера у вас должно отобразиться следующее:
