КАТЕГОРИИ:
Архитектура-(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)
Обратная связь. <p align=”justifay”> текст </p>
|
|
|
|
Вставка графики в файл
Выравнивание по ширине
<p align=”justifay”> текст </p>
<p align="right">- по правому борту
<p align=”center”> - по центру.
По левому краю – по умолчанию.
Текст отделяется от таблицы тегом
<table width="80%" border="1" cellpadding="7" bgcolor="white">
Цвет таблицы лучше сделать светлее, чем свет фона.
Рамочку таблицы можно сделать одномерной атрибутом cellpadding="0".
Можно задать ширину ячейки в % от ширины таблицы.
Тег <td width="60%">
Текстовый файл выглядит уныло. Чтобы вставить в него графику нужно
Вписать тег
<p align="right"><img src="images/risunok.jpg" aling="left"></p>
Ссылки
Самое главное, что отличает HTML-файл – наличие в нем гипертекстовых ссылок.
Для того, чтобы создать ссылку нужно сначала создать аналогичным способом, копируя теги, другой HTML-файл, например, ssylka.hml и разместить его в той же папке.
Тег <p><a href="chapter2.html">Глава 2</a>.
Ссылку следует выделить цветом, использованую ссылку (к которой обращались) выделяют другим цветом.
<body background="images/starsky1.gif" bgcolor="black" link="red" alink="olive" vlink="lime">
обратная ссылка
<p><a href="ssylka.html">Назад</a>
Как связаться с разработчиками сайта?. Проще всего указать е-mail.
Но можно присоединить макрос, который будет по умолчанию запускать почтовую программу.
<p>Наш е-мэйл: <a href="mailto:[email protected]">Пишите сюда</a></p>
Если вы хотите организовать на сайте гостевую книгу или форму Вам нужны скрипты – специальные программы, встроенные в ваш файл. Большинство ностингов предоставляют скрипты бесплатно и даже просят их не писать. Нужно зайти на б/п сервер и поискать там что-то вроде каталога
<p><a href="/cgi-bin/gostevaya1.pgp">Гостевая книга</a>
|
|
|
Счетчики посетителей также представляются хостингом.
Для сохранения того форматирования. Что было в блокноте, информацию размещают между тегами <PRE> и </PRE>. Но в таком случае браузер автоматически не переносит строки, если они не помещаются на экране и нужно регулировать длину строки.
Иногда браузер требует, чтобы перед началом файле был служебный тег с указанием языка программирования:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN>
перед тегом <HTML>.
Это означает, что документ написан в HTML 4.0 – новая версия, некоторые старые браузеры ее не отображают, но в ней есть дополнительные возможности.
Дизайн сайта
1. Значительную роль в дизайне сайта играет цветопередача.
Атрибуты тега BODY
Bgcolor=«» - цвет фона
TEXT=«» - цвет текста
Цвета можно передать названиями:
Black, white, yellow, green, fuchsia
Но - более точно шестнадцатеричный номер цвета
«#01.02.03» где каждая цифра обозначает интенсивность красного, зеленого и синего.
или буквами
«#FF.00.00» - красный
«#00.FF.00» - зеленый
«#00.АА.00»- приятный лиственно-зеленый.
Цвета ссылок – тоже атрибуты тега BODY:
Link=«#01.02.03»
Alink - ссылка, на которую наведен курсор
Vlink - использованная ссылка.
2. Дополнительные элементы оформления
Шрифты:
<FONT size=«5» color="#00.01.02" FACE="ARIAL" class="2" id="1" style="3"></FONT>
size=«+1» или =«-1» - весь текст между этим тегом – больше или меньше основного на 1 пункт. Для увеличения или уменьшения текста на 1 единицу можно также использовать теги
<BIG> или <SMALL>
<СITY> </СITY > - курсив.
<I></I> - курсив
< B > </B > - жирный
<STRONG> </STRONG> - жирный
< U ></ U > - подчеркнутый
<STRIKE> или <S> - зачеркнутый текст
Основный шрифт
Тег <BASEFONT> - c теми же атрибутами, что и <FONT>
Горизонтальная линия заданной длины:
<HR Wight=«75%»> - тег не парный
|
|
|
|
Дата добавления: 2014-01-04; Просмотров: 392; Нарушение авторских прав?; Мы поможем в написании вашей работы!