). Абзаци повинні бути невеликими і містити закінчену думку. У кожному абзаці використовуйте одні і ті ж прийоми оформлення: нормальний розмір шрифту; напівжирний шрифт для виділення слів або коротких фраз; курсив для виділення текстових (звичайних) посилань або цитування (назва книги, газети, статті...) зміщення великої цитати вправо від лівої межі тексту. Вирішить питання про кольорову гаму свого документу. Виберіть колір фону і колір основного тексту. Підберіть кольори для деяких спеціальних важливих частин і використовуйте їх однаково по всьому документу. Програмування виведення тексту Перейдемо від загальних рекомендацій до питання про те, як їх можна виконати засобами HTML. Перш за все, уточнимо, що відкривають теги можуть містити атрибути , атрибути, тобто додаткову інформацію про властивості відображуваного на екрані елемента. Атрибути записуються всередині відкриваючого тегу після його імені у вигляді окремого ключового слова або ключового слова, знака "=" і параметра (значення атрибута). Порядок слідування атрибутів у тегу не важливий. Атрибут діє від відкриваючого тегу, в якому він заданий, до закриваючого або тільки всередині тегу, якщо тег не має парного. Наприклад, тег, який малює горизонтальну лінію, може містити атрибут size , що змінює товщину лінії. Якщо цей атрибут не заданий, горизонтальні лінії мають в браузері товщину в два (або три) піксела . Задаючи різні параметри атрибуту size , можна отримати цілу колекцію ліній, різних за товщиною: Команда HTML Вид лінії на екрані
Коллекцию открывает заметка из газеты "Станок".
Початок програми Початок заголовка Кінець заголовка Початок тіла програми (заданий колір фону і шрифту) Заголовок вирівняний по центру сторінки Виділено назва газети Початок великої цитати Встановлено колір шрифту для цитати Виділено назву відділу Початок підцитати Заголовок вирівняний по центру підцитати Зменшено розмір шрифту (для імітації нонпареллю) Відновлений розмір шрифту кінець підцітати Абзац вирівняний праворуч Відновлений колір шрифту Кінець великої цитати Кінець тіла програми Кінець програми Колір фону і колір шрифту В дослідах уроку 1 ми ніяк не задавали, ні колір фону документа, ні колір шрифту, яким відображався текст. Тим не менше, і фон, і шрифт не були безбарвними при перегляді документа в браузері. Ймовірно, ви бачили чорний шрифт на білому фоні. Але це зовсім не обов'язково. Все залежить від налаштувань вашого браузера. Коли в програмі на HTML кольори явно не задані, браузер використовує свої установки за замовчуванням. У моєму Internet Explorer в розділі "Кольори" включена опція "Использовать стандартные цвета Windows", і я бачу чорні букви на білому фоні. Можна вимкнути цю опцію і встановити свої кольори для роботи "за замовчуванням". Якщо вам хочеться, щоб документ виглядав строго певним чином, не покладайтеся на режими умовчання, а задавайте потрібні параметри явно. Кольори для фону і шрифту на всьому протязі документа можна задати за допомогою атрибутів bgcolor і text в тезі . У розглянутому вище прикладі записано: .... .... Це означає, що в документі задані чорні символи ( black ) на бірюзовому фоні ( aqua ). Ключові слова для інших кольорів наводиться в таблиці , а список атрибутів тега тут . Як зазначалося вище, атрибути кольорів, задані в тезі діють до парного тега , тобто, до кінця документа. З кольором фону нічого вже не поробиш - він може задаватися тільки один раз, а колір шрифту можна змінювати всередині документа багато разів за допомогою команди ... . Установка кольору в цій команді виконується за допомогою атрибута color так, як це зроблено в прикладі: .... .... .... .... Задані кольори для всього документа Заданий новий колір шрифту (коричневий) Відновлений колір шрифту (чорний) В HTML діє загальне важливе правило: конструкції мови можуть бути вкладеними, тобто, всередині однієї команди можуть розташовуватися інші. Вказівки вкладеної команди можуть змінювати вказівки зовнішніх команд, але коли вкладена команда закінчується, відновлюються повноваження зовнішньої інструкції. Використовуючи команду ... , можна не тільки перевизначити колір шрифту, а також його розмір і зовнішній вигляд. Однак, використання відповідних атрибутів не рекомендується. Установку шрифтового типу підтримують не всі браузери. Крім того, вказаний шрифт може не виявитися на комп'ютері у користувача. Для зміни розмірів шрифту є інші команди, більш підходящі для збереження єдиного стилю оформлення документа ( ... для укрупнення і ... для зменшення). Оформлення окремих елементів тексту Текстові посилання і цитати Назва книги, газетної статті, фільму або пісні можна виділити за допомогою команди .... Більшість браузерів зображує текстове посилання курсивом (похилим шрифтом). Цю ж команду можна використовувати для оформлення невеликих внутрішньорядкових цитат. Великі цитати краще виділяти з основного тексту за допомогою командиДействительно, в отделе "Что случилось за день" нонпарелью было напечатано:
Попал под лошадь
Вчера на площади Свердлова попал под лошадь извозчика N 8974 гр.О.Бендер. Пострадавший отделался легким испугом.
- Это извозчик отделался легким испугом, а не я, - ворчливо заметил О.Бендер.
"Двенадцать стульев"
Илья Ильф, Евгений Петров
.... Браузер відображає цитату з більшим, ніж у звичайного тексту, лівим і правим відступом від краю сторінки. Подивіться, як виглядають посилання і цитати в нашому прикладі . А тепер подивіться на текст програми . Посилення тексту Часто, крім заголовків, які виділяються командою
...змушує браузер виводити текст на екран так, як він записаний у програмі - з усіма пробілами і кінцями рядків. Це зручно при показі складних сторінок. Ілюстрація 1 Текст програми Ілюстрація 2 Текст програми Ілюстрація 3 Текст програми Центрування абзаців і фрагментів Команда
, записана без атрибутів, вирівнює текст по лівому краю сторінки. Можна запрограмувати виведення тексту з рівним правим краєм, або так, щоб всі його рядки були вирівняні по центру.
- вирівнює абзац по правому краю
- вирівнює абзац по центру Абзац вирівняний ліворуч Текст програми Абзац вирівняний праворуч Текст програми Абзац вирівняний по центру Текст програми Вирівняти по центру можна не тільки окремий абзац або заголовок, а й цілу групу екранних елементів, якщо помістити їх опис всередині тегів
Нижче приводиться розмова двох друзів яка, як відомо, закінчилася великою потасовкою. - Послушай, Гунька, какую мы штуку придумали, - сказал Незнайка. - Ты, брат, лопнешь от зависти, когда узнаешь. - А вот и не лопну, - ответил Гунька, - Очень мне нужно лопаться! - Лопнешь, лопнешь! - уверял Незнайка. - Такая, брат, штука! Ты и во сне не видел.
"Незнайка в Солнечном городе"
Николай Носов Які команди здатні змінити колір фону документа. команда ... команда
...
команда ... Які команди здатні змінити колір шрифту. команда ... команда ... команда ... команда...
команда ... Якою командою виділяються невеликі цитати і текстові посилання. команда ... команда...Якою командою виділяються великі багатострокові цитати. команда ... команда
...Яким способом можна виділити елементи тексту розміром шрифту кольором щільністю шрифта (жирністю) курсивом зміщенням від краю полів Запишіть ім'я команди (без символів <> ), за допомогою якої можна збільшити розмір шрифту Запишіть ім'я команди (без символів <> ), за допомогою якої можна зменшити розмір шрифту Запишіть ім'я атрибута команди , за допомогою якої можна змінити колір шрифту Запишіть ім'я команди, призначеної для виділення елементів тексту За допомогою якої команди можна у абзаців робити червоні рядки і виводити на екран таблиці, схеми та іншу складну інформацію. За допомогою якого атрибута команди
можна змінити вирівнювання абзацу по вертикалі. Запишіть ім'я атрибута команди
і значення параметра для вирівнювання абзацу по центру. атрибут параметр Запишіть ім'я атрибута команди
і значення параметра для вирівнювання абзацу по правому краю. атрибут параметр Якою командою можна відцентрувати відразу кілька абзаців. Якою командою можна відцентрувати одночасно заголовок і абзац. Як вивести ці символи на екран браузера. "<" ">" пробіл Щоб побачити результат роботи, натисніть кнопку "Оцінка". Наведений нижче текст перетворіть в HTML-документ. Коллекцию занимательных историй открывает следующий поучительный рассказ. - Глядите, действительно поезд! - удивился Незнайка. Пестренький, который и на этот раз решил не удивляться, сказал: - Эко диво - поезд! Поставили домики на колеса, сами залезли в них и радуются, а паровоз тащит. - Слушай, Кнопочка, что это такое? Опять он мне на нервы действует! - воскликнул Незнайка. Пестренький презрительно фыркнул: - Подумаешь, какой нежный: "нервы"! - Я вот как дам тебе! - разозлился Незнайка. - Тише, тише! Что это за слово "дам"? - возмутилась Кнопочка. - А чего он на меня говорит - нежный? - Ты, Пестренький, не должен называть его нежным, - сказала Кнопочка, - Это нехорошо. "Незнайка в Солнечном городе" Николай Носов Вам понравилась эта история? Если да, то коллекция будет пополняться. Створіть HTML-документ - невелика розповідь про ваші захоплення інформатикою і комп'ютерами. Зміст Урок 1 Урок 3 скачать софт Популярне Ви заєте HTML? Так, відмінно Не зовсім добре, вчуся Не знаю, хочу вивчити Голосувати Результати опитування Теги вирівнювання кольори метатеги структура текст файли фон Категорії Зміст уроків Практичні завдання Статті Теги HTML Додатково Розширений пошук Останні статті Останні коментарі Друзям Головна Контакти Правила Регістрація Статистика Copyright © 2017 конструювання - для тих, хто створює сайти