Тема. Створення html-документа, що містить теги оформлення тексту




Скачати 55.42 Kb.
НазваТема. Створення html-документа, що містить теги оформлення тексту
Дата конвертації03.04.2013
Розмір55.42 Kb.
ТипДокументы
uchni.com.ua > Інформатика > Документы
ПРАКТИЧНА РОБОТА №1

Тема. Створення HTML-документа, що містить теги оформлення тексту.

Мета. Вироблення умінь і навичок створення HTML-документів, які містять теги оформлення тексту.
Теоретичні відомості
1. Створення та форматування текстів.

Більшість HTML документів мають заголовок. Для його створення використовують теги <Hn>
, де n – число від 1 до 6. Уклавши текст між цими тегами, ви отримаєте заголовок певного розміру.

Заголовок



Заголовок



Заголовок



Заголовок



Заголовок


Заголовок


Для створення нового абзацу використовується тег <^ P>, а для переходу на нову стрічку без створення абзацу - тег <BR>
. Ці теги закривати не обов'язково. Звичайно, якщо Ви не використовуєте в тегові <P> елемент ALIGN, яким може задаватся вирівнювання абзацу:


По лівому краю </P>


По центру </P>


По правому краю </P>


Текст, що знаходиться між цими елементами вирівнюється по ширині </P>

Для надання тексту певного зображення - жирний, курсив, підкреслений і так далі, помістите його між відповідними тегами|:


Жирний текст </B>

Курсив </I>

Підкреслений </U>

Перекреслений </STRIKE>

Верхній індекс </SUP>

Нижній індекс </SUB>

Деякі теги можуть або повинні застосовуватися з певними параметрами, які указуються в елементі тега, що відкривається (можна відразу указувати декілька параметрів в одному тегові). Наприклад, якщо відкривається тег <FONT> (то закривається тег </FONT> обов'язко) може мати декілька атрибутів:

^ SIZE - задає розмір тексту (за умовчанням розмір тексту дорівнює 3). Помістивши текст між тегами <FONT SIZE=n>
, де n - цифрове значення, Ви додасте йому потрібний вам розмір:

Приклад 1
Приклад 2
Приклад 3
Приклад 4
Приклад 5
Приклад 6

FACE - задає стандартне ім'я шрифту. Використовуйте шрифти, які встановлені на комп'ютері користувача, інакше Оглядач використовуватиме шрифт, визначений за умовчанням (зазвичай Times New Roman). До стандартних шрифтів можна віднести шрифти, що поставляються з Windows 98, Ms Plus, Ms Office. У самому нижньому рядку даної таблиці представлено використання наборів шрифтів - ім'я кожного шрифту пишеться через кому. Якщо у користувача на комп'ютері немає шрифту Comic Sans MS, Оглядач підставить наступний в цьому списку - Tahoma.

Times New Roman


System

Arial

Courier

Verdana

Comic Sans MS

COLOR - задає колір тексту (за умовчанням чорний - #000000). Колір тексту може визначаться як самою назвою, наприклад, red, blue і т.д, так і представлений в шістнадцятковому вигляді - #FF0000 (червоний) (за умовчанням чорний

^ Червоний

Червоний >


За допомогою елементу STYLE тега <SPAN> (що закривається тег </SPAN> обов'язковий) можна задавати виділення тексту будь-яким кольором:

|: lightgreen"|> Світлозелений


|: yellow"|> Жовтий

|: lightblue"|> Світлосиній

^ 2. Оформлення фону сторінки.

Колір|цвіт| і фон сторінки выбираються| за бажанням дизайнера, але|та| потрібно враховувати і той факт, що від них залежить візуальне сприйняття всього сайту. Не прагніть все затемнити, текст зручно читати, якщо його добре видно|показний|.

Отже спочатку про колір. Для його вставки в рядок з тегом <^ BODY> Вашого документа потрібно додати параметр BGCOLOR і вказати його значення - назву кольору або його шістнадцятковий вигляд. Приведені два приклади заповнюють сторінку документа червоним кольором.

(використана назва кольору)
<^ BODY BGCOLOR="#FF0000"> (використаний шістнадцятковий вид кольору)

Тепер про фонову картинку. Фоном може бути як великий графічний файл (врахуйте - в цьому випадку сторіночка вантажитиметься довше) так і його фрагмент, що розумніше. При використанні останнього він буде автоматично розмножений Вашим Оглядачем, тому добирайте фрагмент таким, що добре стикується. Вставити в сторінку фонову картинку можна так:


Параметру BACKGROUND привласнено значення images.gif - це ім'я графічного файлу з розширенням (підтримуються *.jpg, *.gif, *.png). Природно воно може бути іншим. Передбачається, що графічний файл розміщений в одній папці з Вашим документом, інакше потрібно вказати до нього шлях. Розберемося з шляхами на прикладі файлу images.gif.

^ На два рівні вниз.

Параметр="folder_1/folder_2/images.gif"

На два рівні вгору|угору|.

Параметр="../../images.gif"

Подібна вказівка шляхів|доріг| застосовується для різних елементів, наприклад, посилань, малюнків, файлів.

Тег <^ BODY> може також мати параметри відступів в документі (визначаються числовим значення).

leftmargin - відступ зліва
rightmargin - відступ справа
topmargin - відступ зверху
bottom margin - відступ знизу



У даному тегові| можуть бути присутніми і інші параметри, наприклад, якісь функції JavaScript|, задавання кольорів|цвіту| тексту і посилань.

3. Загальна структура сторінки.

Усі WEB сторінки мають однакову структуру.

Тегами та починається та закінчується сторінка. Усі інші теги містяться між ними.

Заголовок сторінки та інформація для оглядача розміщується між дескрипторами

та . Заголовок сторінки (відображається в рядку заголовка браузера) створюється за допомогою дескрипторів та .

Зміст сторінки обмежується дескрипторами

Схожі:

Тема. Створення html-документа, що містить теги оформлення тексту iconУрок №9. Тема
Актуалізувати знання учнів про стилі, стильове оформлення документів різних типів, схему документа, автоматичне створення змісту...
Тема. Створення html-документа, що містить теги оформлення тексту iconУрок №8. Тема
Тема: Використання стилів, правила стильового оформлення документів різних типів. Поняття про схему документа. Автоматичне створення...
Тема. Створення html-документа, що містить теги оформлення тексту iconТема: Word. Створення документа Введення тексту. Редагування тексту. Перевірка орфографії
Уміти підготувати програму-редактор до роботи І створювати найпростіший текстовий документ
Тема. Створення html-документа, що містить теги оформлення тексту iconТема заняття
Основні правила оформлювання реквізитів. Вимоги до тексту документа. Оформлення сторінки. Резюме. З. 08. Зп. Р. 01. 06. 02
Тема. Створення html-документа, що містить теги оформлення тексту iconТема: Настроювання параметрів сторінок. Створення колонтитулів
Ознайомити учнів із принципами настроювання параметрів сторінок, способами оформлення сторінок тексту, створення колонтитулів, основними...
Тема. Створення html-документа, що містить теги оформлення тексту icon“створення фреймів І карт зображень мовою html”
Мета роботи – навчитися створювати фрейми І карти зображень; вивчити синтаксис І теги цих елементів
Тема. Створення html-документа, що містить теги оформлення тексту iconТема: Створення документа. Введення тексту з клавіатури
Уміти підготувати програму-редактор до роботи І створювати найпростіший текстовий документ
Тема. Створення html-документа, що містить теги оформлення тексту iconСтворення таблиць І форм мовою html
Мета роботи – навчитися створювати форми І таблиці, вивчити синтаксис І теги цих елементів, набути навичок з використання цих елементів...
Тема. Створення html-документа, що містить теги оформлення тексту iconWord дає можливість малювати серед тексту І пересувати створені малюнки...
Можна знайти файл малюнка на компакт-диску І ставити серед свого тексту. Можна фотографію, картину або креслення ввести в документ...
Тема. Створення html-документа, що містить теги оформлення тексту iconЛекція №22 Тема: Інформаційно пошукові системи
Проблема пошуку документа, що відповідає тим або іншим критеріям, виникає в будь-якому сховищі даних, що містить більше одного документа....
Додайте кнопку на своєму сайті:
Школьные материалы


База даних захищена авторським правом © 2014
звернутися до адміністрації
uchni.com.ua
Головна сторінка