Започнете с HTML: Таблици

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

Изисквания

- Собствен редактор на кодове като Dreamweaver CS6, Notepad ++, възвишен текст наред с други, достъпни в Интернет.
- Инсталирайте уеб браузър като Chrome, Firefox, Opera, Safari, Edge или Internet Explorer.
Стъпка 1: Познаване на етикетите за създаване на таблици
с този етикет определяме началото на таблицата в структурата HTML.
позволява създаването на ред за таблицата
представляват заглавката на колоните, тези колони се състоят от клетки.
<>> е представяне на клетките, които ще бъдат разположени в редовете на таблицата.
Това са всички етикети, които ще са ни необходими, за да създадем таблиците, в следващата стъпка ще научим как те са декларирани в кода и техния ред.
Стъпка 2: Логическо деклариране на етикети.
Важно е да знаете, че в HTML по -голямата част от етикетите трябва да бъдат отворени, което е точно когато ги декларираме, а също и те трябва да бъдат затворени, следният пример илюстрира тази концепция:

Както можете да видите, всеки етикет трябва да има отваряне и затваряне. Те се различават главно с наклонената черта "/", с която етикетът се затваря. Всеки път, когато се създава маркер, е задължително да декларирате затварянето му по същия начин.
Стъпка 3: Йерархична декларация на етикетите.
Етикетът Това е първият, който е деклариран, че показва създаването на таблица, следователно, за да започне създаването на клетките, които ще съдържат информацията за показване.
Таблиците са съставени от колони и редове.

Като се грижим за йерархичния ред, който трябва да има всеки етикет, ние ще създадем таблицата и ще въведем редовете, които ще ни трябват за таблицата в изображението, показано по -долу:

Кодът в таблицата трябва да изглежда така:

Въпреки че редовете на таблицата вече са дефинирани, е необходимо да се създадат клетките, които съставят колоните на таблицата. Изображението по -долу илюстрира тази концепция:

Кодът в таблицата трябва да изглежда така:

Стъпка 4: Добавяне на съдържание към клетки
Всеки маркер [color = # 7030a0] [/ color] е еквивалентен на клетка в нашата таблица, така че тук може да се добави информацията. Ще променим първия етикет [color = # 44546a] [/ color] обявен ред всички [color = # 7030a0] [/ color] по маркери на заглавки [color = # 002060][/Цвят]. В [color = # 7030a0][/ color] на останалите редове добавяме примерно съдържание. Кодът HTML Трябва да изглежда така:

 
 
 
Вещ
 
Име
 
Фамилия
 

 
 
1
 
Педро
 
Рози
 

 
 
2
 
Джон
 
Източници
 

Стъпка 5: Запазете документа в HTML и прегледайте файла
В програмата за редактиране на код отиваме в менюто File / Save, докато записваме документа във формат .html

По -късно отваряме документа в браузъра, който предпочитаме:

Таблицата, която създадохме, трябва да изглежда като изображението по -долу.

Досега научихме името и функцията на етикетите HTML за изграждане на таблици, техния йерархичен ред, тяхното логическо подреждане и добавяне на съдържание към тях. Вече сме готови да добавим графични атрибути към таблици.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка