Для выделения текста жирным начертанием, используйте тег b
Em / i
Для выделения текста курсивным начертанием, используйте тег i
Ins / u
Для выделения текста подчёркиванием, используйте тег u
Sub и Sup
Для применения индексного написания символов H2O или x2+4x+5=0, используйте sub или sup
Hr
Для начертания горизонтальной линии используйте hr
Br
Для переноса текста на следующую строку используйте тег br
Какой тег не был перечислен в списке ранее? Что он позволяет сделать?
Выполните следующее упражнение, набрав текст при помощи разметки html:
Виды списков Вы уже рассматривали ранее. Попробуйте применить следующую запись:
Что получится?
Таблицы в HTML
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.
Для добавления таблицы на веб-страницу используется тег table. Этот элемент служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов tr и td. Таблица должна содержать хотя бы одну ячейку. Допускается вместо тега td использовать тег th. Текст в ячейке, оформленной с помощью тега th, отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги td и th нет.
Атрибут border позволяет задать толщину границам таблицы, width позволяет задать ширину, в данном случае - 100% от ширины открытого окна браузера. cellpadding позволяет настроить внутренний отступ в ячейках до контента.
Ячейки в таблицах можно объединять.
В данной таблице установлено восемь колонок и три строки. Часть ячеек с надписями «Internet Explorer» , «Opera» и «Firefox» объединены где по две, а где и по три ячейки. В ячейке с надписью «Браузер» применено объединение по вертикали.
Браузер
Internet Explorer
Opera
Firefox
6.0
7.0
7.0
8.0
9.0
1.0
2.0
Поддерживается
Нет
Да
Нет
Да
Да
Да
Да
Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега td. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, td colspan="3" заменяет три ячейки, поэтому в следующей строке должно быть три тега td. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки.
colspan - объединение ячеек по столбцам
rowspan - объединение ячеек по строкам
Форма отчёта обучающегося: Ссылка
Принимается ссылка на ресурс, размещённый на стороннем сервере
Для отправки работы необходимо авторизоваться на сайте!