Лабораторная работа № 9
Тема: спецсимволы.
Цель: изучить спецсимволы
Порядок выполнения работы:
1)Составить конспект
2) Выполнить все задания и показать отчет учителю.
Задание 1.
Спецсимволы. не так часто употребляются, но, тем не менее, они необходимы. Познакомимся с некоторыми наиболее часто употребляемыми спецсимволами:
|
|
|
(1)
- < - <
(2)
- > - >
(3)
- " - "
(4)
- - пробел
|
(5)
- & - &
Т.к. все заключенное между < > браузер воспринимает как тэг, то, чтобы ввести символ скобки > в текст для него придумали спецсимвол (1 или 2).
Кавычка (3). В принципе, не обязательно ее так прописывать, браузеры понимают этот значок прекрасно, но кто знает: может быть сбой.
Символ пробела (4). Зачем он нужен? Ну, допустим, вам понадобилось пять пробелов подряд, а тэг <pre> с его принудительным переносом строки вам вовсе не нужен, вот тогда вам понадобится спецсимвол, ведь спецсимвол пробела можно написать хоть тысячу раз (если вы забыли или не знали – обычные пробелы игнорируются браузером, если их больше одного между словами или тэгами).
Но тут существует одно но:
слово1 слово2 слово3 = слово1 слово2 слово3
Ни одно из этих слов не перенесется на другую строку без двух других, и хотя посетитель увидит обычную фразу, где между словами стоит пробел, но по идее это уже одно длинное слово, а не три, т.к. - неразрывный (неделимый) символ пробела:) - учтите и используйте с умом.
И последний символ &, т.к. он используется для написания спецсимволов, то для него тоже придумали спецсимвол &
Спецсимволы не надо включать ни в какие тэги, считайте их просто текстом.
Примените все спецсимволы на своей странице.
Задание 2.
Линия задается тэгом <Hr> и не требует закрывающего тэга:
У линии есть много разных параметров:
|
|
|
(3) <Hr size="6"> (толщина линии) (4) <Hr NoShade> (отмена объемности) (5) <Hr color="cc0000"> (цвет линии, только в IE) |
Выглядит все это так - Первый (1):
Второй (2):
Третий (3):
Четвертый (4):
Пятый (5):
Создайте линии на своей странице.
Задание 3.
Многие, когда верстают сайт, сталкиваются со следующей проблемой: поля по краям документа, которые, они не знают, как убрать. Рассмотрим вариант, когда нужно убрать поля документа:
<Body text="#000000" bgcolor="ffffff" topmargin="0" leftmargin="0">
Topmargin - определяет ширину верхнего поля документа, leftmargin - определяет ширину левого поля документа. Чтобы убрать поля приравняйте эти параметры к нулю.
topmargin и leftmargin поддерживаются только Internet Explorer.
Topmargin и leftmargin убирает только верхнее и левое поля документа. Чтобы убрать правое и нижнее надо ввести еще атрибуты rightmargin и bottommargin для тэга Body.
<Body text="#000000" bgcolor="ffffff" rightmargin="0" bottommargin="0" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
Итак, мы узнали, как убирать поля в IE. Но, что же с другими браузерами?
|
|
|
<style
type="text/css"><!--
body{margin:0px;padding:0px;}
|
--></style>
Вставьте этот загадочный код между тегами <head></head>, и проблему с полями можно считать решенной.
CSS – таблицы каскадных стилей, дополнительное средство, при помощи которого вы можете управлять содержимым ваших страниц, CSS, по сути, дополняет HTML, но при этом это отличный от html стандарт.
Уберите поля на своей странице, для двух браузеров.