Как да нарисувате таблица в HTML

Съдържание:

Как да нарисувате таблица в HTML
Как да нарисувате таблица в HTML

Видео: Как да нарисувате таблица в HTML

Видео: Как да нарисувате таблица в HTML
Видео: HTML для начинающих - #4 - Таблицы 2024, Април
Anonim

HTML е език за маркиране на страници, който може да се използва за хостване на уебсайтове в Интернет. За да форматирате документа в този случай се използват тагове - елементи за описание.

Как да нарисувате таблица в HTML
Как да нарисувате таблица в HTML

Необходимо

  • - компютър;
  • - програмата "Notepad";
  • - умения за работа с HTML.

Инструкции

Етап 1

Отворете страницата си, където искате да добавите таблица в HTML с помощта на Notepad. За да направите това, щракнете с десния бутон върху файла, за да изведете контекстното меню, изберете опцията "Отваряне с". Изберете място в маркера Body, за да добавите таблицата към сайта.

Стъпка 2

Използвайте тага…, за да поставите таблицата в Html. Това е основният маркер, който описва таблицата. Всички негови елементи трябва да бъдат разположени между отварящия и затварящия етикет. По подразбиране таблицата се създава без разделители и граници. Добавете граница, ако е необходимо, като използвате атрибута Border. За да направите това, вмъкнете го в тага на таблицата и добавете числова стойност за ширината на границата, например ред към таблицата. За целта използвайте тага …, броят на редовете се определя от броя на неговите двойки. Добавете описание на клетка, като използвате… тага. Поставете клетката само вътре в тага на реда, добавете към нея номера на колоната (колоната), в която е поставена.

Стъпка 4

Местоположението на текста в клетката се определя с помощта на атрибутите Aligh (ляво, дясно, централно) - определя разположението на текста хоризонтално, а Valign (средно, отдолу, отгоре) - определя разположението на данните в клетката вертикално. Това описание може да се добави както за отделна клетка, така и за целия ред.

Стъпка 5

Използвайте атрибута Colspan, за да обедините клетки хоризонтално и Rowspan вертикално. Пример за код на таблица: „Име на таблица“„Име на обединения ред“„Име на първата колона“„Име на втората колона“„Втори ред“„Втора клетка от втория ред“„Трета клетка от втория ред”.

Препоръчано: