Робота з текстом
Робота з текстом
Так як всі браузери не передбачені для введення і редагуванні інформації, то нам з Вами знадобиться для освоєння цієї теми будь-який HTML-редактор або просто Notepad (Блокнот). Якщо Ви вибрали другий варіант, то спочатку введіть в нього такі ключові слова в такій послідовності: <html> <head> </ head> <body> </ body> </ html>. Це вказує на те, що буде створюватися HTML-документ. Всередині контейнера <body> </ body> відбуватимуться основні події по розмітки сторінки і роботою з текстом в тому числі. Прагнемо туди.
Для роботи з текстом в мові HTML передбачена велика кількість тегів які ділиться за способом форматування на дві групи. До першої відноситься теги призначені для форматування абзацу (фрагмент тексту), а до другої-будь-якого окремого символу з тексту. Почнемо по порядку.
Теги для форматування абзаців.
Основним з них є тег <P> (c анг. Paragraph - абзац). Введіть в блокнот куди потрібно: <P> Browse Window </ P>, потім "збережіть як" в файл з розширенням .html і відкрийте в браузері. Ви побачите Browse Window. Теж саме повторите з тегами <FONT>, <BASEFONT>, <SPAN>, і <DIV> (ПРИМ. Вони також відносяться до цієї групи), але запишіть їх у стовпець і знайдіть відмінності в проміжках між абзацами. Надалі це стане в нагоді при виборі між ними.
Тепер попрацюємо над видозміною шрифту. Для того, щоб вибрати шрифт застосовуємо атрибут FACE до вищевказаних тегам, в значенні ставимо його назву (Arial, Tahoma і т.д) або слово serif - із зарубками; san_serif - без зарубок; cursive - курсивний; monospace - моно
Приклад: <SPAN FACE = "Tahoma, Arial, san_serif">.
Тут в значення описані кілька шрифтів не дарма. Якщо у кінцевого користувача не буде в операційній системі шрифту "Tahoma", то у нього на моніторі з'явиться "Arial" і т.д.
Потренуйтеся на своєму ПК з атрибутами SIZE (розмір шрифту) і COLOR (колір).
Теги <U> і <STRIKE> підкреслюють і перекреслюють текст відповідно.
Тег <PRE> призначений для вставки на сторінку готових HTML-документів, надаючи на неї окремий абзац. Це можуть бути різні таблиці, бланки, шаблони і т.п.
Теги для формування символів
- <I> і <EM> - задають символам курсивне написання. Атрибутів не мають.
- <B> і <STRONG> - задають символам напівжирне написання. Атрибутів не мають.
Про все вище викладене можна сказати, що воно носить загальнопізнавальну характер для повного розуміння структури мови HTML. Насправді на практиці застосовуються HTML-редактори з вбудованими засобами форматування тексту і каскадні листи стилів. Але ми настійно рекомендуємо Вам вивчити ці теги, тому як без цих знань Ви не зможете вручну підправляти код сторінки.
побудова списків
Списки на Web-сторінках застосовуються досить часто для перерахування чого-небудь. Вони діляться на три категорії. Наводимо їх перелік з візуальними прикладами:
- Нумеровані списки (Ordered List). Тег має позначення <OL> і поміщає в собі нумератори елементів списку, які укладені в контейнер <LI>. Наведемо приклад: <OL> <LI> елемент1 <LI> елемент2 ... <LI> елемент n </ OL>. Зверніть увагу, що тег <LI> не закривається. Тег <OL> має атрибут TYPE c значеннями: 1 -арабскіе цифри, A -пропісние латинські букви, а -строчние латинські букви, I -пропісние римські цифри, i -строчние римські цифри.
- Маркери (Unordered List). Тег має позначення <UL> і за принципами побудові в HTML-коді однаковий з попереднім з різницею в значеннях атрибуту TYPE. Тут мають місце наступні значення: square -квадрат, circle -Окружні і disk -закрашенний диск.
- Списки-олределенія
- Складається з заголовка і змісту у вигляді переліку цього заголовка.
- Позначення тега - <DL> (Definition List).
- Вкладені теги для тега <DL>
- <DT> - становить заголовок.
- <DD> -становить опис для заголовка.
- Примітка
- Теги <DT> і <DD> не потребують закриванні.
- Теги <DT> і <DD> не мають атрибутів.
- завдання:
- Знайдіть в HTML-коді цій сторінці порядок складання списків.
- Скористаєтеся як прикладом і потренуйтеся на своєму комп'ютері.
Кодування сторінок
Якщо Ви достатній час проводили за комп'ютером, то Вам доводилося стикатися з таким явищем, коли моніторі виводився текст у вигляді незрозумілих символів. Це проблнма кодування. Весь фокус у тому, що символи в різних мовах (рос., Анг. І т.д.) мають різний поєднання і кількість бітів, які прийнято називати "кодуваннями тексту". Проблема кодування вирішується пупем зміни крдіровкі. Даний спосіб побудова тексту в машинному коді мають місце і в Інтернеті. Щоб відвідувачі Вашого сайту не побачили замість російських букв - "аббракодабра"; і їм не довелося "колупатися" в настройках браузера - вирішіть цю проблему вставивши в контейнер <HEAD> (див. вище) потрібне кодування. У Windows російську мову підтримують наступні кодування: Windows-1251, UTF-8, ISO-8859-5, KOI-8R, а російська кодування сторінки буде виглядати наступним чином:
<meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
- Примітка:
- Значення атрибутів CONTENT і CHARSET заносяться в одні лапки
- Для повної сумісності російської мови на різних ОС використовуйте Windows-1251.
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.