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 за изграждане на таблици, техния йерархичен ред, тяхното логическо подреждане и добавяне на съдържание към тях. Вече сме готови да добавим графични атрибути към таблици.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
