Анотація: Цей урок присвячений роботі з текстом. Розглядаються способи і теги форматування текстової інформації. Розповідається про способи виведення на екран спеціальних символів.
Щоб відобразити невідформатований текст, досить просто ввести його між тегами початку і кінця документа
. При обробці такої сторінки браузер знайде і виведе весь цей текст. Якщо необхідно, щоб до тексту було застосовано якесь форматування, наприклад, виділення напівжирним або курсивом, необхідно використовувати відповідні теги форматування. При цьому форматується текст поміщається між тегами.форматування тексту
Також для виділення тексту використовуються теги і . дані теги є контейнерами і вимагають закривається тега. тег повідомляє браузеру, що на укладеному в ньому тексті необхідно зробити сильний наголос. Зазвичай візуальні браузери відображають вміст даного тега напівжирним шрифтом, але це може бути легко змінена за допомогою таблиці стилів. Так як даний тег є структурним, він несе смислове навантаження, на відміну від тега . який лише форматує текст напівжирним, то його використання краще. тег теж акцентує увагу на укладеному всередині тексті, але він вважається менш сильним наголосом. Відображається він, як правило, курсивом. З тих же причин використання краще ніж застосування . Порівняйте як буде відформатований наступний текст.
Ще однією парою тегів форматування є теги і . Перший виводить текст збільшеним в порівнянні зі стандартним, а другий зменшеним. замість тега рекомендується використовувати теги або теги заголовків, так як вони несуть і структурну навантаження. тег є тегом за змістом протилежним і . він деакцентірует увагу на тексті. З приводу застосування цього тега слід зробити одне зауваження: на різних комп'ютерах встановлено різний дозвіл екрана і в браузері може бути встановлений різний розмір основного шрифту та сильне зменшення тексту може зробити текст не читається. Наступний приклад демонструє вид тексту, відформатованого за допомогою цих тегів.
Інший парою корисних тегів є - верхній індекс і - нижній індекс, які можуть бути корисними при написанні математичних і хімічних формул. Порівняйте формули, набрані різним способом:
У деяких випадках, наприклад для виведення коду програм, корисним буде використання тега
. який повідомляє браузеру, що знаходиться всередині текст повинен бути виведений як є. При цьому будуть збережені всі прогалини, переноси рядків і інші символи, які зазвичай при виведенні браузером не відображаються.Цей приклад показує, як можна управляти переносами рядків і пропусками за допомогою тега
.Порівняйте написання коду програми із застосуванням тега
і без його використання.тег
маркує код комп'ютерної програми. Браузери зазвичай відображають його моноширінним шрифтом. Цей елемент є структурним, тому його використання краще використання тега . який маркує моноширинний текст. Також слід зазначити, що тегкраще використовувати всередині тега. так як в противному випадку, все множинні прогалини будуть замінені одним. тег маркує текст, введений з клавіатури. Відображається він також, як і текст всередині тегаСхожі статті