|
В HTML есть 6 уровней заголовков: • - наиболее значимые части документа (тема страницы или статьи)
• , - подтемы, крупные разделы
• - основной текст страницы
• , - выделение справочных данных
Правильное использование заголовков позволяет сделать страницу более читабельной, а также упрощают работу поисковым роботам, позволяя выделить главное и второстепенное, что положительно влияет на оптимизацию страниц сайта
Теги заголовков … имеют атрибут align (выравнивание по горизонтали)
• left (значение по умолчанию) - выравнивание по левому краю
• сenter - выравнивание по центру
• right - выравнивание по правому краю
• justify - выравнивание по ширине (работает только для заголовка, длина которого больше, чем одна строка)
Возможные значения атрибута align:
• Создайте новый html-документ • Разместите заголовки таким образом, чтобы при отображении в браузере на странице были: - заголовки первого и второго уровня выровненные по левому краю страницы - заголовок четвертого уровня выровненный по центру страницы - заголовок пятого уровня, выровненный по правому краю страницы
Результат:
Параграфы (абзацы) в html определяются тегом • Текст • Линейные теги ( )
• Изображения
• Форматирующие теги
Можно располагать внутри тега
Нельзя располагать внутри тега
• Блочные элементы ()
• Другие параграфы (
)
• Заголовки
• Формы
• Списки
• Таблицы
• По умолчанию на веб-странице отображается один пробел, даже если в коде их несколько • Для увеличения расстояния можно использовать символ пробела ( ) из таблицы спец. cимволов HTML • , - для выделения текста жирным
• , - для выделения текста курсивом
• - для подчеркнутого текста
• () - для надстрочного (подстрочного) текста
• - для зачеркнутого текста
•
-переводит текст на новую строку
•
- добавляет в документ горизонтальную линию все эти стилевые акценты можно сделать с помощью css (рекомендованный способ)
• Создайте новый html-документ • Скопируйте следующий текст: Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum. Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.." Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые - намеренно (например, юмористические варианты).
• Разделите текст на абзатцы
• Определение выделите жирным
• Добавьте над текстом заголовок с названием «Что такое Lorem
Ipsum?»
Типы списков:
• Неупорядоченный (порядок не имеет значения, обычно представляется как маркированный список)
• Упорядоченный (порядок имеет значение, список нумерованный)
• Вложенный (внутри одного из элементов могут находиться вложенные пункты)
• Начинается с элемента - обертывает элементы списка
• Каждый элемент списка оборачивается в элемент
• Круг (по умолчанию) type=«disc»
Типы маркеров (задается с помощью атрибута type у тега ):
Окружность type=«circle»
Квадрат type=«square»
• Начинается с элемента - обертывает элементы списка
• Каждый элемент списка оборачивается в элемент
• Прописные латинские буквы (A, B, C, ...) type="A"
Типы нумерации (задается с помощью атрибута type у тега ):
• Строчные латинские буквы (a, b, c, ...) type="a"
• Прописные римские числа (I, II, III, …) type="I"
• Строчные римские числа (i, ii, iii, …) type="i"
• Арабские цифры (1,2, 3 …) (по умолчанию ) type="1"
|
Скачать 0.66 Mb.