Добавить границы таблицы с использованием HTML5

  1. Добавление границ таблицы с использованием HTML5: обзор
  2. Добавление границ таблицы с использованием HTML5: синтаксис кода
  3. Добавление границ таблицы с использованием HTML5: видеоурок

Добавление границ таблицы с использованием HTML5: обзор

В этой записи блога показано, как добавить границы таблицы с помощью кода HTML5. По умолчанию создаваемые таблицы не имеют видимых границ (линия вокруг таблицы, которая визуально определяет таблицу). Границы могут помочь сделать ваш стол выделяющимся и добавить визуальный интерес. Чтобы назначить границу, вставьте атрибут BORDER в начальный тег <table> и назначьте толщину для границы таблицы, измеренную в пикселях. Толщина будет применяться только к границе таблицы, а не к отдельным ячейкам. Если вы хотите изменить цвет, добавьте атрибут BORDERCOLOR в начальный тег <table> и назначьте нужный цвет в качестве значения. Цвет границы будет применен к границе таблицы, а также к границам отдельных ячеек.

Несмотря на то, что вы можете стилизовать свою таблицу в своем HTML-кодировании, хорошей идеей будет сделать большую часть выбора стилей в каскадной таблице стилей, которая описана в другой главе нашего полного урока под названием « Освоение HTML5 и CSS3 Made Easy v.1.0 «.

Добавление границ таблицы с использованием HTML5: синтаксис кода

Начальный тег:

<table> Конечный тег: </ table> Связанные теги: <tr>… </ tr> Связанные теги: <td>… </ td> Атрибуты: border = Измеряется в пикселях. Атрибуты: bordercolor = Пример: <table border = «6px»
BorderColor = «# 000000»>
<TR>
<TD> Red </ TD>
<TD> Black </ TD>
<TD> синий </ TD>
</ TR>
<TR>
<TD> Green </ TD>
<TD> Золото </ TD>
<TD> Silver </ TD>
</ TR>
</ table> Результат: Красный Черный Синий Зеленый Золотой Серебристый Создает таблицу с рамкой толщиной 6 пикселей.

Добавление границ таблицы с использованием HTML5: видеоурок

Показанное ниже видео под названием « 9.2- Границы таблицы , »Показывает, как добавить границы таблицы с использованием HTML5. Это видео из нашего учебника по HTML5 и CSS3 под названием « Освоение HTML5 и CSS3 Made Easy v.1.0 . »Под видео-уроком вы можете увидеть изображение интерфейса тренировки.

»Под видео-уроком вы можете увидеть изображение интерфейса тренировки

Добавление границ таблиц с использованием HTML5: изображение учебного интерфейса «Освоение HTML5 и CSS3 Made Easy v.1.0».

Похожие

Обзор Xiaomi Redmi Note 3 Pro (Аппаратное обеспечение)
Xiaomi сделали себе имя, сделав привлекательные телефоны по ценам, которые большинство конкурентов не могли даже рассмотреть. Их телефоны часто имеют уникальные функции, такие как ИК-датчики, две сим-карты и другие игрушки, которые отличают их от конкурентов, даже выходящих из Китая. Хотя многие из этих телефонов относятся к средней категории, они привлекательны в
DirectX 11 скачать бесплатно
DirectX 11 - это в основном программное обеспечение на базе Windows, которое повышает эффективность отображения изображений и влияет на игры. Можно воспользоваться лучшими функциями, выполнив загрузку DirectX 11 версии бесплатно. DirectX 11 Общий обзор DirectX 11 - это в основном программный интерфейс на основе Windows (API), который является продуктом Microsoft с конечной целью показать превосходные изображения и видео. Это прежде всего используется с конечной целью воссоздания