КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Жирный текст
|
|
|
|
Подчеркнутый текст
Курсивный текст
Подчеркнутый жирный текст
Все предыдущие примеры выводили текст одним размером, который стоял по умолчанию. Однако можно изменять размер текста с помощью специального тэга: <h k >, где k -это размер шрифта (k может принимать значения от 1 до 6). Следующий пример иллюстрирует работу этого тэга
<html><head>
<title>Изменение размеров шрифта</title>
</head>
<body>
<h1>Размер 1</h1>
<h2>Размер 2</h2>
<h3>Размер 3</h3>
<h4>Размер 4</h4>
<h5>Размер 5</h5>
<h6>Размер 6</h6>
</body>
</html>
Вот что из этого получится:
Размер 1
Размер 2
Размер 3
Размер 4
Размер 5
Размер 6
Все браузеры поддерживают только два формата картинок: gif и jpg, так как они самые экономные по размеру. Чтобы загрузить картинку в html – страницу, необходимо ввести следующее: <img src=«picture.jpg»> и в страницу загрузится картинка. Необходимо, чтобы картинка была в одной директории с htm-файлом, который отображает ее. Есть возможность написать на картинке текст, чтобы посетитель, пока картинка грузится, мог прочитать, что на ней изображено. Этот текст появляется также в виде всплывающей подсказки при подведении курсора мыши к рисунку. А делается это так: <img src=«picture.jpg» alt=«Описание картинки»>
На своей странице вы можете установить ссылку на другой сайт. Щелкнув на ней, посетитель пойдет туда, куда вы хотели его отправить. Формат записи ссылок:
<a href=«адрес»>Текст</a>
«Увидев» эту строку, броузер выдаст на экран следующее:
Текст
Вот собственно так ссылки и делаются, только поставьте свой адрес и текст. Больше ничего не надо Если вы не хотите, чтобы посетитель по ссылке убегал с вашей страницы, то можно сделать так, чтоб сайт, который расположен по ссылке грузился в отдельном окне броузера. Делается это так:
|
|
|
<a href=«адрес» target=«_blank»>Текст</a>
Можно ссылкой сделать не фрагмент текста, а картинку:
<a href=«адрес»><img src=«картинка.jpg»></a>
Можно также сделать так, чтобы по нажатию на ссылку загрузилась почтовая программа и посетитель послал вам письмо по электронной почте. Для этого надо вместо адреса указать слово mailto, потом двоеточие, а потом ваш «e-mail», например:
<a href=«mailto:[email protected]» >E-Mail Me</a>
Вот что получится:
E-Mail Me
Чтобы сделать страницу с фоновым рисунком, надо надо в тэге <body> напечатать: background=«backgrnd.gif»
Для задания цвета фона надо в тэге <body> ввести следующий аттрибут: bgcolor=«color1», где color1 – это шестнадцатиричное значение цвета.
Для задания цвета текста: text=«color2»
Для задания цвета ссылок: link=«color3»
Далее в таблице 8 предоставлены основные цвета и их шестнадцатиричные значения.
Таблица 8 – Коды цветов заполнения элементов Web – страницы
| Black = «#000000» | Green = «#008000» | ||
| Silver = «#C0C0C0» | Lime = «#00FF00» | ||
| Gray = «#808080» | Olive = «#808000» | ||
| White = «#FFFFFF» | Yellow = «#FFFF00» | ||
| Maroon = «#800000» | Navy = «#000080» | ||
| Red = «#FF0000» | Blue = «#0000FF» | ||
| Purple = «#800080» | Teal = «#008080» | ||
| Fuchsia = «#FF00FF» | Aqua = «#00FFFF» |
Чтобы фрагмент текста выделить каким-то цветом, надо этот фрагмент текста окружить парными метками:
<font color=«#800000»>Надпись</font>
Создадим простую таблицу в документе HTML:
| 1/1 | 1/2 | 1/3 |
| 2/1 | 2/2
|
Рисунок 15.1 – Пример таблицы в web-документе
Вот как она выглядит в формате html:
<table border=«1» width=«28%» height=«8%»> (открываем таблицу)
<tr> (открываем первую строку)
<td>1/1</td> (первый столбец)
<td>1/2</td> (второй столбец)
<td>1/3</td> (третий столбец)
</tr> (закрываем первую строку)
<tr> (открываем вторую строку)
<td bgcolor=«#000080»><font color=«#FFFFFF»>2/1</font></td> (первый столбец)
|
|
|
<td width=«108» height=«35» >2/2 <img src=«email3.gif»> </td> (второй столбец)
</tr> (закрываем вторую строку)
</table> (закрываем таблицу)
Начинается таблица тэгом <table>, в котором можно указать ширину width, высоту height таблицы (в процентах или пикселях), размер границы border (если border=0, то граница невидима), можно также указать фоновый цвет bgcolor или фоновый рисунок background для всей таблицы. В конце таблица всегда должна заканчиваться тэгом </table>
Далее за тэгом <table> идет тэг <tr> (тоже парный). Этот тэг открывает описание первой строки. Между тэгами <tr> и </tr> расположены парные тэги <td>1/1</td> <td>1/2</td> <td>1/3</td>. Они описывают первую строку. То, что находится в первом тэге <td> относится к первой колонке. То что во втором – ко второй и так далее. Если бы между <tr> и </tr> был только один тэг <td>, то в первой строке была бы только одна колонка.
После закрытия первой строки тэгом </td> опять идет тэг <td>, который открывает вторую строку. В нем с помощью <td> делаем две колонки. Отдельную ячейку можно форматировать (оформлять) точно так же, как и всю таблицу, это делается при открытии ячейки тэгом <td>, например, чтобы сделать фон синим как, в примере надо в тэге <td> указать bgcolor=«#000080». Все атрибуты, которые используются для всей таблицы (background, border, width, height и так далее) можно использовать и для ячеек. Все, что будет между <td> и </td> будет отображено в соответствующей ячейке.
Таблицы играют очень важную роль в оформлении страниц. Их можно использовать не только, чтобы упорядоченно записать какие-то табличные данные.
Список рекомендуемой литературы
1. Фигурнов, В.Э. IBM PC для пользователя. Краткий курс / В.Э. Фигурнов. – Москва: Наука,1999. – 230 с.
2. Федеральное государственное учреждение «Государственный научно-исследовательский институт информационных технологий и телекоммуникаций» [Электронный ресурс] / Каталог для студентов. – Москва, 1997-2005. – Режим доступа: http://students.informika.ru. – Дата доступа: 12.07.2008.
3. Microsoft® Windows XP: Home Edition и Professional. Русские версии / А.Г. Андреев [и др.]; под общ. ред. А. Н. Чекмарева. – Ст-Пертербург: БХВ-Петербург, 2003. - 640 с.
4. Станек, Уильям Р. Microsoft Windows XP Professional. Справочник администратора / Пер. с англ. – 2-е изд. – Москва: Издательско-торговый дом «Русская Редакция», 2003. – 448 с.
|
|
|
5. Создание Web-страниц и Web-сайтов. Самоучитель: [учеб. пособие] / под ред. В. Н. Печникова. – Москва: Изд-во Триумф, 2006. – 464 с.
6. Берлинер, Э.М. Microsoft Office / Э.М. Берлинер, И.Б. Глазырина, Б.Э. Глазырин – Москва: ООО «Бином-Пресс», 2004 г. – 576 с.
7. Мюррей, К. Microsoft Office 2003. Новые горизонты / К. Мюррей. – Ст-Петербург: Питер, 2004. – 190 с.
8. Кузьмин, В. Microsoft Office Excel 2003. Учебный курс / В. Кузьмин, – Ст-Петербург: Питер, 2004. – 493 с.
9. Вонг, Уоллес. Office 2003 для "чайников" / Пер. с англ. - Москва.: Издательский дом "Вильяме", 2004. — 336 с.
|
|
|
|
Дата добавления: 2014-01-07; Просмотров: 408; Нарушение авторских прав?; Мы поможем в написании вашей работы!