2. Сохраните этот документ, присвоив ему имя 1.html. После сохранения откройте документ и проверьте его работоспособность.
3. Изменим цвет шрифта. Для этого воспользуемся тегом <font> </font>. Внесите изменения в текст блокнота.
Нажмите кнопку «Сохранить» и обновите страницу в обозревателе.
4. Изменим цвет фона всего документа. Для этого внесем в текст следующие изменения
Сохраните изменения и обновите страницу в обозревателе.
5. Добавим цвет фона в документ. Он прописывается в теге <Body> </body> c помощью команды bgcolor=
6. Параграфы в документ вводятся тэгом <p></p>
С помощью параграфов мы можем центрировать текст:
<p align="center">текст</p>
выровнять текст по левому краю:
<p align="left">текст</p>
по правому краю документа:
<p align="right">текст</p>
Обратите внимание, что к параграфу уже не нужен тэг <br> для переноса строки, т.к. перенос задается по умолчанию. Если этот перенос не нужен, то можно применить альтернативный тег <p align="center">: <center>текст</center>
Самостоятельно измените положение текст анна странице.
7. Примените для выравнивания текст тег <p align="justify">текст</p>
Он выравнивает текст по обоим краям документа, но не работает в старых версиях браузера.
Рассмотрим, как работает данная команда. Добавьте в блокнот какой либо текст (5-6 предложений).
8.
Для выделения заголовков используется команда
Добавим её в наш документ
Самостоятельно добавьте еще один любой заголовок, выделите его другим цветом.
9. Для выделения большого фрагмента текста используется тэг <font></font>:
Например
Выделите разные предложения в вашем тексте.
10. Курсив, подчеркнутый текст, полужирный текст и фиксированный текст (шрифт с одинаковыми символами ширины) оформляется с помощью следующих тэгов.
<b> Полужирный текст </b> <i> Наклонный текст (курсив) </i> <u> Подчеркнутый текст </u>
<tt> fixed - фиксированный шрифт </tt>
К одному фрагменту текста может применяться сразу несколько тэгов:
<tt><b><i> текст </i></b></tt>
Добавьте эти все теги в Ваш документ.
Атрибуте тэга <font> позволяет задавать
<fontface="ARIAL"> текст (шрифт Arial)</font>
Измените тип шрифта в одном предложении в вашем документе.
11. Создайте папку в Моих документах и переместите в неё Ваш документ. Сохраните в этой же папке картинку. При добавлении картинки в документ необходимо помнить, что
Если картинка лежит в поддиректории то ссылка на неё будет выглядеть так: <img src="my/my.jpg"> Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой: <img src="../my.jpg"> Если картинка лежит на другом сайте, то путь прописывается полностью: <img src="http://www.homepage.ru/my/my.jpg">
Добавьте картинку в ваш документ
Необходимо правильно задать имя рисунка и тип.
12. Текст может располагаться слева, справа, снизу, посередине и сверху рисунка. Для этого служит следующий атрибут
параметр vspace - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях (pixel - минимальная единица изображения, точка. Например разрешение экрана 800х600 - 800 на 600 точек).
параметр hspace - тоже задает расстояние между текстом и рисунком, но по горизонтали. Расстояние задается в пикселях.
параметр alt - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд появится описание картинки.
параметр width - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки.
параметр height - высота самой картинки (тоже в пикселях).
параметр border - рамка вокруг самой картинки (в пикселях). Можно не задавать.
Все параметры могут употребляться одновременно друг с другом
14. Создайте новый документ (например 2.html) в той же директории (папке), где находится главный документ 1.html.
На этой странице должно быть название страницы, краткое описания и фотогалерея. Сохраните её в своей папке и назовите 2.html. Создадим ссылку на этот документ с первой странице
<a href="2.html">посмотреть фотогралерею </a>
Тэг <a></a> делает ссылкой заключенную в него картинку или фразу (текст). Принципы прописывания пути здесь такие же как в случае с картинками:
link - цвет ссылки, alink - цвет активной ссылки (нажатой), vlink - цвет уже посещенной ссылки.
Измените сами цвета ссылок.
15. Создайте ссылку на свой почтовый ящик
Сделаем рисунок ссылкой
Для этого напишем
16. Аналогично ставятся ссылки на документ Word и Excel. Поставьте данные ссылки, указав соответствующий тип.
17. Ссылка на рисунок представлена ниже
В этом случае картинка большого размера откроется в том же окне. Чтобы картинка открылась в новом окне используется параметр target, а размер рисунка можно изменить в Adobe Photoshop:
