КомпјутериСофтвер

Користење на HTML табела

Во HTML, постојат толку многу елементи, и секој од нив е уникатен на свој начин. Табела - многу интересно, популарни и сериозна тема. Благодарение на неа, вие не само што може да обезбеди информации во пригоден форма, но, исто така, да се изгради рамка сајт.

Претходно, речиси сите веб-администратори користат маси за изгледот е сајтови. Првично, на маса, тоа не излезе со. Затоа, ние мора да го користат блок div елемент за одбележување на овој сајт.

Ако не сакате да го секогаш да остане почетник, да се користи веднаш да се направи се што е правилно. Ова е многу важно во јазикот HTML. Во табелата треба да се стави само на вообичаените информации (текст, линкови, листи, слики, и така натаму. П.), а не на целиот сајт како целина.

Како да се направи табела HTML?

Табела - сложен елемент, кој се состои од голем број на други елементи. Запомнете дека кога создавање на клетки или редови секогаш веднаш треба да се стави затворање таг. Во спротивно, тоа ќе лета. Управувачот во прелистувачот ќе изгледа за крајот на елемент и, додека не ја најде, сè ќе продолжи да се вклучат во табелата. Резултатот ќе биде каша.

Ако напишете веб-сајт во "Notepad", а потоа сè ќе треба да се направи со рацете. Ако во финалето уредник, таму е обично копче - "Вметни табела", "Вметни слика" и така натаму.

ПРИМЕР 2 Табела 2.

<Ширина маса = "100%" border = "1">

текст за првата линија на првата ќелија

текстот на втората линија на првата ќелија

текстот на првата ќелија на вториот ред

текстот на вториот мобилен од вториот ред

Тагови

и означување на почетокот и на крајот на табелата. Тагови и - на почетокот и крајот на линијата. На иста линија може да биде било кој број на клетки кои се дефинирани со ознаки , постои дополнителна ознака <та>. Всушност тоа е аналоген на

и .

Главната правило е: на бројот на клетките во секој ред мора да биде иста. Тоа е на маса.

Но, како и во Word и Excel уредник, клетки може да се комбинираат со секоја друга.

Како да се комбинираат клетки во маса?

За да се комбинираат и да го користите Colspan Rowspan атрибути. Распон е преведен како "капак" или "се преклопуваат". Во буквална смисла - за покривање / затворање на мобилен / ред.

Вредноста на овој атрибут мора да се определи како ќе бидат блокирани многу редови или клетки. Следниве е илустративен пример за користење на двете HTML атрибути во табелата.

Во овој пример, на првата линија 3 обединети клетки со користење на атрибут colspan = "3". Потоа првиот мобилен на вториот стринг протегала во четири реда. Запомнете дека водат / комбинираат само во првата ќелија. Нејзиниот имот се шири. Сите што доаѓа порано, нема да бидат засегнати.

Ако имате 5 клетки сакате да се логирате 2-4, тогаш треба само на мобилен број 2 наведете атрибут colspan = "3".

Забелешка бројот слот 9 на сликата погоре. Постојат обединети веднаш и клетки и редови. Таквите постапки не се забранети.

Погледни уште еден пример за да се обезбеди информации. Бидејќи некои збунети и атрибути наместо редови на клетки понекогаш во комбинација.

формат на табела

Земе обичен, стандарден случај на HTML. Табела Два реда на две ќелии.

на кодот ќе биде како што следува.

Како што можете да видите, постојат ефекти. Можете да додадете рамка, наведете ширина и висина.

Вие исто така може да игра со усогласување. Тоа може да се усогласи во висина и ширина.

Порамнете да се усогласат хоризонтално, а valign - вертикална. Тоа е како резултат на тоа.

Атрибути се усогласат и valign може да се примени на целата линија. Потоа сите клетки кои се во него ќе биде предмет на овие атрибути.

Во прилог на тагот

и
, но таа се користи само во првиот ред и се движи. По дифолт, во текстот во <та> е центрирано и задебелено.

Како да ги поврзете стилови на маса?

Како и секоја тагови HTML, на маса може да се конвертира со помош на стилови. Вие треба да наведете датотека стил во главата или подготвени стил (како што е наведено во главата).

...

<Тип style = "text / css ">

{маса

font-family: Verdana, Arial, Хелветика, sans-serif;

color: # 000000;

}

.my_class

{

color: # 666666;

}

...

Ако наведете маса, а потоа овој стил ќе важи за сите маси на оваа страница. Апсолутно сите. Но, ако се користи вториот метод, што укажува на произволно име со точка, а потоа овој стил може да се примени на било која саканата маса, додека не влијаат на други.

<Маса class = "my_class">

Ве молиме имајте предвид дека часовите може да се користи како ознака за маса и за одредена колона или ред.

<Маса class = "style_table" width = " 100%" border = "1">

текстот на првата линија на првата ќелија

текстот на втората линија на првата ќелија

текстот на првата ќелија на вториот ред

текстот на вториот мобилен од вториот ред

Ако стилот на уметникот некаде грешка, резултатот нема да видите. Ако, пак, во стилот има грешки, но имињата се исти, ефектот нема да биде. Секоја запирка или дебелото црево, игра важна улога.

Дополнителни атрибути во табели

Што атрибути може да се запише во класи на стилот? Постојат многу атрибути кои се однесуваат конкретно на масите. Размислете за најосновните на кои се многу корисни.

усогласување

хоризонтално усогласување

valign

нивелетата

позадина

Сликата во позадина во ќелијата / table

bgcolor

боја на позадината на ќелијата

bordercolor

Рамка боја маса / клетки

височина

height мобилен

nowrap

Бан заврши текст во низа.

ширина

Ширината на мобилен / маса

Како што можете да видите, се користат HTML во табелата може да биде голем број на "алатки".

Убава создадена со користење на HTML маси. примери

Поради стилови може да се создаде различни убава маса. Сето тоа зависи од она што и како ви се допаѓа. Тоа е како готвење. Состојките се исти, и повеќе опции се многу рецепти.

Како што можете да видите, ако ги користите HTML тагови, на маса може да се трансформира непрепознатливи. можните ограничувања утврдени со вашата имагинација.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mk.unansea.com. Theme powered by WordPress.