Робота з текстом в html (матеріал для початківців)
Робота з текстом в HTML (матеріал для початківців). урок 3
В уроці 2 ви пробували самостійно створити свою першу, найпростішу веб-сторінку.
У цьому уроці ви навчитеся працювати з текстом, а саме, виділяти текст курсивом, робити текст жирним, підкреслювати, закреслювати, створювати заголовки для веб-сторінки, змінювати шрифт і його розмір і інше.
Я постараюся вас не вантажити численної інформацією, покажу лише основне, з чим ви будете найчастіше стикатися. На ранніх етапах ознайомлення з основами HTML, вам повинно цього вистачити.
Основні теги для роботи з текстом.
- цей тег призначений для розбивки тексту на параграфи в html документі.- - ці теги призначені для створення заголовка від 1 до 6 рівня в html документі.
- цей тег служить для розриву рядків в html документі.
Пропоную подивитися приклад:
Ось результат прикладу.
Атрибути в HTML.
Що таке «тег», ви вже знаєте, а ось що таке «атрибути в html» зараз дізнаєтеся.
Отже.
Атрибути в html - це доповнення до тегу для розмітки тексту. Атрибути вставляються всередину тега. На прикладі ви все побачите:
тут текст
P - це тег параграфа.
align = "center" - це атрибут до тегу
з додатковим правилом.
Я думаю, ви зрозуміли, що таке атрибути в html.
Атрибути «H1, H2, H3, H4, H5, H6»
Щоб вирівняти по горизонталі заголовок, використовуйте атрибут «align».
align: center | left (за замовчуванням) | right
Атрибути «p»
Щоб вирівняти по горизонталі заголовок, використовуйте атрибут «align».
align: center | justify | left | right
Підсумок.
Давайте об'єднаємо всі приклади разом і подивимося результат:
Додаткові теги для роботи з текстом.
Завдяки додатковим тегам, веб-майстер може надати сторінці особливий вид, а саме, виділити текст жирним, курсивом, підкреслити, перекреслити, створити верхній і нижній індекс, вказати розмір і колір шрифту, вставити в текст розділову лінію по горизонталі.
- цей тег призначений для виділення тексту або слова жирним шрифтом. або ( ).
- цей тег призначений для виділення тексту або слова курсивом.
- цей тег призначений для підкреслення тексту або слова.
- текст буде перекреслювати.
- текст верхнього індексу (х 2)
- текст для нижнього регістра (Н2 О)
- цей тег призначений для зміни кольору, розміру і стилю шрифту в тексті.
- цей тег призначений для вставки горизонтальної лінії в текст.
Пропоную подивитися приклад:
Атрибути «font»
SIZE - розмір тексту. Значення задається від 1 до 7. Також можна задавати значення в більшу або меншу сторону за допомогою символів «+» і «-».
COLOR - колір тексту.
FACE - шрифт тексту.
Пропоную подивитися приклад:
Атрибути «HR»
HR: width | size | align | noshade | color
WIDTH - довжина лінії. Здається розмір в (px /%).
SIZE - товщина лінії (px).
ALIGN - вирівнювання лінії по горизонталі. У атрибута «align» є необхідні значення:
left - вирівнювання документа по лівому краю.
right - вирівнювання документа по правому краю.
center - вирівнювання документа по центру (використовується за умовчанням).
NOSHADE -закраска лінії як суцільний.
COLOR - колір лінії (працює тільки в Internet Explorer).
Тепер об'єднаємо ці приклади разом і подивимося результат: