Курс «Сайтостроение»

Курс «Сайтостроение»
11 сентября 2020, 00:00 - 18 сентября 2020, 00:00, В разработке
МБОУ ЛСТУ №2 г. Пензы

Виды тегов, форматирование текста

Strong / b

Для выделения текста жирным начертанием, используйте тег 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 - объединение ячеек по строкам
 
 

Форма отчёта обучающегося: Ссылка

Принимается ссылка на ресурс, размещённый на стороннем сервере

Для отправки работы необходимо авторизоваться на сайте!