учебные пособия

Первые шаги с HTML: таблицы

  Дата публикации: May/2024
{title}

HTML, сокращение от HyperText Markup Language. Это стандарт, который служит ссылкой для разработки веб-страниц в разных версиях, определяет базовую структуру и код (называемый HTML- кодом) для определения содержимого веб-страницы, такого как текст, изображения, видео и другие. Чтобы начать понимать, как определяется структура этого языка, в этом уроке мы начнем с изучения меток, с которыми обрабатываются таблицы, которые очень полезны, когда речь идет главным образом о построении структур новостных рассылок и почтовых рассылок.
Цель этого руководства - дать объяснение, которое помогает графическим дизайнерам максимально просто понять структуру и логику документов HTML, чтобы получить базовые знания, которые позволяют им создавать файлы на этом языке.

требования


- Собственный редактор кода, такой как Dreamweaver CS6, Notepad ++, Sublime Text и другие, доступные в Интернете.
- Установите веб-браузер, такой как Chrome, Firefox, Opera, Safari, Edge или Internet Explorer.
Шаг 1: Знание меток для создания таблиц
С помощью этого ярлыка мы определяем начало таблицы в структуре HTML.
позволяет создать строку для таблицы
они представляют собой заголовки столбцов, эти столбцы образованы ячейками.
> - это представление ячеек, которые будут расположены в строках таблицы.
Это все метки, которые нам понадобятся для создания таблиц, на следующем шаге мы узнаем, как они объявлены в коде и в порядке их.
Шаг 2: Логическое объявление меток.
Важно знать, что в HTML должно быть открыто подавляющее большинство тегов, то есть именно тогда, когда мы объявляем их, и они должны быть закрыты, следующий пример иллюстрирует эту концепцию:
Как можно оценить, каждая этикетка должна иметь свое открытие и закрытие. Они отличаются главным образом косой чертой "/", с которой закрывается ярлык. Каждый раз, когда создается метка, обязательно объявлять о ее закрытии.
Шаг 3: Иерархическое объявление этикеток.
этикетка это первая декларация, указывающая на создание таблицы, следовательно, на начало создания ячеек, которые будут содержать информацию, которую вы хотите отобразить.
Таблицы состоят из столбцов и строк.

{title}


Заботясь о иерархическом порядке, который должен иметь каждая метка, мы создадим таблицу и введем строки, которые нам понадобятся для таблицы изображения, показанной ниже:

{title}

Код в таблице должен выглядеть так: 
 Хотя строки таблицы уже определены, необходимо создать ячейки, которые составляют столбцы таблицы. Изображение ниже иллюстрирует эту концепцию: 
{title}

Код в таблице должен выглядеть так: 
Шаг 4: Добавить контент в ячейки 
Каждый ярлык [color = # 7030a0] 
[/ color] эквивалентна ячейке в нашей таблице, поэтому здесь можно добавить информацию. Мы изменим в первой метке [color = # 44546a] [/ color] строка объявила все [color = # 7030a0] [/ color] по тегам заголовка [color = # 002060] [/ color]. В [color = # 7030a0] [/ color] Из остальных строк мы добавляем пример содержимого. HTML- код должен выглядеть так, как показано ниже: 
PedroРосасДжонисточники
пунктИмяфамилия
1
2
Шаг 5. Сохраните документ в HTML и просмотрите файл. 
В программе редактирования кода мы переходим в меню «Файл / Сохранить» и сохраняем документ в формате .html. 
{title}

Позже мы открываем документ в браузере наших предпочтений: 

{title}

Созданная нами таблица должна выглядеть так, как показано на рисунке ниже. 
{title}

До сих пор мы узнали имя и функцию тегов HTML для построения таблиц, их иерархического порядка, их логического расположения и добавления контента. Мы готовы добавить графические атрибуты в таблицы.
$config[ads_text5] not found
  • 0






СТАТЬЯ ПО ТЕМЕ Как проверять и сканировать безопасность с Nmap в Linux 








Список постов




Читайте сегодня




Статьи от подписчиков














СТАТЬИ




ЧИТАЙТЕ ТАК ЖЕ


Установить FLASK в Windows 10


У нас есть тысячи доступных приложений для увеличения емкости системы и нашего собственного, и одним из этих сильных сегментов является создание веб-приложений. Это влечет за собой ряд ключевых требований, чтобы все работало правильно, как с точки зрения разрешений, так и с точки зрения доступности, а также для того, чтобы все работало должным образом, у нас есть Flask.
Проверьте состояние сервера Apache с веб-страницы


Каждый администратор сервера должен иметь доступ к различной статистике, чтобы определить, как работает система, но без доступа ssh. Один из способов сделать это - создать веб-страницу, отображающую состояние Apache . Фактически, это состоит из модуля, который Apache по умолчанию добавляет в вашу систему, и мы должны активировать его, чтобы использовать его. Конфигурация модуля состоя
Установите Notepad ++ Ubuntu 20.04


Текстовые редакторы являются одним из основных инструментов в каждой операционной системе, потому что не только позволяют создавать документы, но и идеально подходят для доступа к файлам конфигурации для системы и редактирования переменных, поэтому сегодня мы находим текстовые редакторы различных типов с множеством функций. . Одним из самых популярных редакторов является Notepad ++, который был разработан как бесплатный редактор исходного кода, который интегрировал различные функции, чтобы сделать задачи редактирования действительно простыми.
Как убрать черный фон из значков папок Windows 10


Один из самых простых способов доступа к содержимому наших файлов в Windows 10 - это, без сомнения, через Проводник, так как оттуда мы будем иметь доступ ко всем устройствам компьютера, общим папкам и т. Д. Одна из частых проблем, с которыми мы сталкиваемся в проводнике Windows, заключается в том, что в определенные моменты, когда мы изменяем внешний вид 
Очистить пароли, сохраненные в Google Chrome


Уже дома принято объединять разные устройства дома, для человека нормально иметь мобильный, планшетный компьютер и ноутбук в дополнение к другим устройствам. Эти устройства обычно используют интернет-соединение, потому что мы используем тот, который мы установили в сети Wi-Fi. Использование этих терминалов обычно постоянное, например, наш телефон, мы используем его каждую минуту, чтобы что-то проконсультировать и получить доступ к разным материалам. Вот почему мы склонны принимать это поле, которое с