Форматирование текста
Структура HTML-документа
| <HTML> <HEAD> Секция заголовка Записываются meta-теги, содержащие информацию о названии страницы, об авторе и др. </HEAD> <BODY> Тело документа Содержит непосредственно информацию страницы: тексты, рисунки, таблицы </BODY> </HTML> |
Форматирование текста
1. Заголовки:тэги от <Н1> (самый крупный) до <Н6>(самый мелкий).
<Н1> Всё о компьютере </Н1>
2. Шрифт(FONT). Некоторые тэги имеют атрибуты - имена свойств, могут принимать определенные значения.
FONT face=“Arial” – гарнитура шрифта
size=4 – размер
color=“red” – цвет
3. Выравнивание(ALIGN).Текст обычно выравнивается по левому краю страницы, однако принято заголовок размещать по центру.
ALIGN =“left", <FONT COLOR=“blue”
ALIGN="right", <Н1 ALIGN="center"> Bcё о компьютере </Н1>
ALIGN="center" </FONT>
4. Горизонтальная линия отделит заголовок от остального содержания страницы с помощью одиночного тэга <HR>.
5. Абзацы: <Р></Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания.
Вставка изображений
На Web-страницах могут быть графические файлы 3 форматов — GIF, JPG и PNG. Если рисунок сохранен в другом формате, то его необходимо предварительно преобразовать в один из этих форматов.
Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете.
1) картинка на локальном компьютере в папке с сайтом:
<IMG SRC="computer.jpg">
2) картинка в другой папке на локальном компьютере:
<IMG SRC="C:\computer\computer.jpg">
3) картинка находится на удаленном сервере в Интернете:
<IMG SRC="http://www.server.ru/computer.jpg">
Поясняющий текст. Расположение рисунка в тексте.
Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи в целях экономии времени иногда отключают в браузере загрузку графических изображений и читают только тексты.
Поэтому, чтобы не терялся смысл страницы, вместо рисунка должен выводиться поясняющий текстс атрибутом ALT
<IMG SRC="computer.jpg" АLТ="Компьютер">
Положение рисунка в тексте – определяет атрибут ALIGN тэга <IMG>: ТОР, MIDDLE, BOTTOM, LEFT , RIGHT.
<IMG SRC="computer.jpg" ALT="Компьютер" ALIGN="right">
Гиперссылки на Web-страницах
n Гиперссылки позволяют загружать в браузер другие веб-страницы, связанные с предыдущей.
n Гиперссылка состоит из 2 частей: адрес и указатель ссылки.
n Гиперссылка задается универсальным тегом <A> с атрибутом HREF (он указывает, в каком файле хранится нужная веб-страница):
<A HREF=«адрес»> Указатель ссылки</A>
Виды гиперссылок
1) внутренняя:
<A HREF=«filename.html»> Указатель ссылки</A>
2) внешняя:
<A HREF=«http://www.server.ru/site/
filename.html»> Указатель ссылки</A>
Адресная часть гиперссылок
n Перейти на другие веб-страницы:
<A HREF=«filename.html»> Указатель ссылки</A>
n Открыть картинку в браузере:
<A HREF=«picture.jpg»> Картинка</A>
n Прослушать звук (запуск встроенного в браузер проигрывателя):
<A HREF=«sound.wav»> Звук</A>
n Сохранить файл (запуск встроенного в браузер менеджера загрузки файлов):
<A HREF=«arhiv.rar»> Скачать файл</A>
Гиперссылка на электронную почту
n Гиперссылка этого типа заключается в особый контейнер <ADDRESS>…</ADDRESS>
<ADDRESS>
<A HREF=“mailto:username@server.ru”>Наш е-mail</A>
</ADDRESS>