2. Својство позадина = "URL" - ја поставува сликата на позадината. Наместо URL-то, треба да се напише адресата на сликата на позадината.

Пример

Табела за пример

Колона 1

Колона 2

Се претвора во следново на страницата:

Во примерот погоре, нашата слика за позадина се наоѓа во папката img (која е во истиот директориум како и страницата html), а сликата се нарекува fon.gif. Ве молиме имајте предвид дека во ознаката додадовме style="color:white;" . Бидејќи позадината е речиси црна, за да спречиме спојување на текстот во позадина, го направивме текстот бел.

3. Својство bgcolor="color" - ја поставува бојата на позадината на табелата. Можете да изберете која било боја од целата палета (видете ги кодовите и имињата на html боите)

4. Својство border="number" - ја поставува дебелината на границата на табелата. Во претходните примери, наведовме border="1" , што значи дека дебелината на границата е 1 пиксел.

5. Својство bordercolor="color" - ја поставува бојата на границата. Ако border = "0", тогаш нема да има граница и бојата на границата нема да има значење.

6. Својство cellpadding="number" - вовлекување од рамката до содржината на ќелијата во пиксели.

7. Својство cellpacing = "број" - растојанието помеѓу ќелиите во пиксели.

8. Својство cols="number" - бројот на колони. Ако не го поставите, самиот прелистувач ќе го одреди бројот на колони. Единствената разлика е во тоа што специфицирањето на овој параметар најверојатно ќе го забрза вчитувањето на табелата.

9. Својство рамка = "параметар" - како да се прикажат границите околу табелата. Може да ги земе следните вредности:

• празнина - не цртајте граници
• граница - граница околу масата
• над - граница по горниот раб на табелата
• подолу - граница на дното на табелата
• hsides - додадете само хоризонтални граници (горниот и долниот дел од табелата)
• vsides - нацртајте само вертикални граници (лево и десно од табелата)
• rhs - граница само на десната страна од табелата
• lhs - граница само на левата страна од табелата

10. Својство height="number" - ја поставува висината на табелата: или во пиксели или во проценти.

11. Правила за својства = "параметар" - каде да се прикажат границите помеѓу ќелиите. Може да ги земе следните вредности:

• сите - се повлекува линија околу секоја ќелија од табелата
• групи - се прикажува линија помеѓу групите формирани со ознаки

Атрибути и својства

1. Својство align = "параметар" - го поставува порамнувањето на поединечна ќелија на табелата. Може да ги земе следните вредности:

• лево - лево порамнување
• центар - центар порамнување
• десно - десно порамнување

2. Својство позадина = "URL" - ја поставува сликата на позадината на ќелијата. Наместо URL-то, треба да се напише адресата на сликата на позадината.

3. Својство bgcolor="color" - ја поставува бојата на позадината на ќелијата.

4. Својство bordercolor="color" - ја поставува бојата на границата на ќелијата.

5. Својство char = "писмо" - ја одредува буквата од која треба да се направи порамнувањето. Вредноста на атрибутот align мора да биде поставена на знак.

6. Својство colspan="number" - го поставува бројот на хоризонтални ќелии што треба да се спојат.

7. Својство height="number" - ја поставува висината на табелата: или во пиксели или како процент.

8. Својство ширина = "број" - ја поставува ширината на табелата: или во пиксели или како процент.

9. Својство rowspan="number" - го поставува бројот на вертикални ќелии што треба да се спојат.

10. Својство valign="параметар" - вертикално порамнување на содржината на ќелијата.

• горе - порамнете ја содржината на ќелијата до горниот раб на редот
• средно - средно порамнување
• дното - усогласување до долниот раб
• основна линија - усогласување со основната линија

За ознака

Како да спречите лепење на границите на ќелиите во табелата

Ако користите граница (работа на ќелијата) и нула полнење помеѓу ќелиите, тие сè уште се заглавени заедно и добивате двојна граница. За да го избегнете ова, треба да наведете раб-колапс: колапс во стиловите на табелата:

...

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

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

Алатки за опишување табели во HTML

Како што се развиваше WWW, стана јасно дека ресурсите содржани во HTML не се доволни за висококвалитетно прикажување на разни видови документи. Недостаток на HTML беше недостатокот на алатки за прикажување табели. За таа цел, преформатиран текст (ознака

), во која табелата беше исцртана со ASCII знаци.  Но, оваа форма на презентација на табелата не беше доволна Висок квалитети се издвојуваше од општиот стил на документот.  По воведувањето на табелите во HTML, веб-администраторите немаа само алатка за поставување текст и нумерички податоци, туку моќна алатка за дизајн за поставување графички слики и текст на вистинското место на екранот.

Креирање табели во HTML
Ознаката се користи за опишување на табели<ТАВLЕ>.  Означете<ТАВLЕ>, како и многу други, автоматски ја преведува линијата пред и по табелата.
Креирање на ред на табелата - ознака<ТR>
Означете<ТR>(Табела ред) создава ред од табелата.  Сите текстови, други ознаки и атрибути што треба да се постават на една линија мора да бидат поставени помеѓу таговите lt;TR>.
Дефинирање на ќелии на табелата - ознака<ТD>
Ќелиите со податоци обично се ставаат во редот на табелата.  Секоја ќелија што содржи текст или слика мора да биде опкружена со ознаки<ТD>.  Број на ознаки<ТD>во ред го дефинира бројот на ќелии

 

 
Табела
 
 

Ако табелата има две TR ознаки, тогаш има два реда.
Ако има три TD ознаки во една линија,	потоа во него	три колони.

Наслови на колони на табели - ознака<ТН>

Насловите за колоните и редовите на табелата се поставени со помош на ознаката за заглавие<ТН>(Заглавие на табела, наслов на табела). Овие ознаки се слични<ТD>. Разликата е во тоа што текстот е затворен помеѓу ознаките<ТН>, автоматски се пишува со задебелени букви и стандардно се става во средината на ќелијата. Можете да го одцентрирате текстот и да го усогласите текстот налево или надесно. Доколку користите<ТD>со ознака<В>и атрибут<АLIGN=center>, текстот исто така ќе изгледа како наслов. Сепак, имајте на ум дека не сите прелистувачи поддржуваат задебелен фонт во табелите, па затоа е подобро да ги поставите насловите на табелите користејќи<ТН>.

Заглавието е стандардно центрирано	Заглавието може да се придружува на колони
Заглавието може да се постави пред колоните	Текст или податоци	Текст или податоци
Заглавието може да спојува линии	Текст или податоци	Текст или податоци
	Текст или податоци	Текст или податоци
	Текст или податоци	Текст или податоци

Користење на заглавија на табели - ознака<САРТIОN>

Означете

Ајде да ја отвориме датотеката на нашата веб-страница index.html за уредување со помош на Notepad++. И отворете го користејќи прелистувач за да ги видите промените на страницата.

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

Покрај тоа, табелата за распоред на нашата страница ќе се состои од три реда (Heder, Content и Footer) и две колони (Мени и содржина).

За да додадеме табела со три реда и две колони, ајде да го промениме нашиот код за да го додадеме следново:

За да поставите граница во табелата, користете го параметарот граница. Дебелината на границата на табелата е наведена во пиксели (px).

Ајде да додадеме параметар на граница на нашиот HTML код, со вредност на аргументот еднаква на 1px. Тоа е, дебелината на рамката на масата ќе биде еднаква на еден пиксел:

За порамнување на табелата во центарот на прозорецот на прелистувачот, го користиме параметарот align, кој може да има три вредности: лево, центар, десно. Јасно е дека за порамнување на табелата во центарот на прозорецот на прелистувачот, вредноста на Аргументот на параметарот за порамнување мора да биде еднаков на: центар.

И да ја поставиме ширината на табелата овде. Ширината на табелата е одредена со параметарот ширина. Вредностите што може да ги земе овој параметар може да се изразат како цел број во пиксели или како процент од ширината на тековниот прозорец на прелистувачот.

Ајде да додадеме порамнување и ширина на табелата на нашиот код, и како резултат го добиваме следниот код:

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

Сега да се вратиме на рамката на табелата, во html кодот го поставивме на 1 пиксел користејќи ја вредноста на аргументот за параметарот на границата: border=”1”.

Погледнете ги параметрите на ознаката TABLE во референтната книга на html; тука има два параметри кои влијаат на изгледрамка.

Првиот параметар: cellpacing – го поставува растојанието помеѓу ќелиите на табелата.

Втор параметар: cellpadding – растојанието од рамката до содржината на ќелијата зависи од вредноста на аргументот на овој параметар.

За да ги направиме сите растојанија и вовлекувања минимални, ги поставивме вредностите на аргументите над горенаведените параметри на нула.

Како резултат на тоа, html кодот на табелата ќе ја има следната форма:

Како што се сеќавате, нашата табела треба да има три реда, а првиот ред треба да има една ќелија, вториот ред треба да има две ќелии, а третиот ред исто така треба да има една ќелија.

Ако го погледнеме изгледот на табелата, ќе видиме дека за да ја доведеме табелата до посакуваната форма, само треба да ги комбинираме хоризонталните ќелии од првиот и третиот ред.

За да го направиме ова, ќе го користиме параметарот colspan. Овој параметар се користи во ознаката TD. Вредноста на аргументот за параметарот colspan го означува бројот на хоризонтални ќелии што треба да се спојат; во нашиот случај, оваа вредност е 2.

Покрај додавањето на параметарот colspan, ајде да ги смениме етикетите во ќелиите на табелата за да одговараат на нашиот распоред.

По сите промени, целосниот html код на нашата страница ќе биде како што следува:

Ајде да го зачуваме нашиот код во Notepad и да ја освежиме датотеката index.html во прелистувачот за да ги видиме промените.

Значи, оваа лекција се покажа доста голема, па ајде да продолжиме да работиме на html табелата на нашата страница во следната лекција.

Табелите во HTML се толку функционални што можете да ги користите за распоред на цели веб-страници (читај). Сега ќе зборуваме за вметнување едноставни HTML табели во веб-страница, анализирајќи го само обележувањето, но не допирајќи го дизајнот, бидејќи е подобро да се украсуваат табелите користејќи CSS стилови.

Ознаки и атрибути на табелите

Еве ги основните елементи што ви се потребни за да креирате табели:

• - контејнер во кој се наоѓа масата (исто како
  за означени или
  за нумерирани списоци).
  1. граница- атрибут што ја одредува дебелината на рамките. Наместо тоа, подобро е да се користи граничното својство CSS.

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

  - спарена ознака која содржи ред од табелата (ќелии лоцирани на исто хоризонтално ниво).

  , ќе има толку многу ќелии во него: една ознака - една ќелија.

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

  , ако го нема, тогаш после .

  се користи за истата цел како . може да содржи , но не и обратно.

  распон- атрибут што го одредува бројот на колони на кои се применуваат својствата на контејнерот

  .

  , И - контејнери кои ви дозволуваат да ја поделите табелата на горните (наслови), главни (тело) и долните (завршни) делови, соодветно. Во HTML табела, низата на овие ознаки е иста како и низата на контејнери , И

  Алатки за креирање веб-страници

  Цел	Алатка
Обележување	HTML	XHTML
Декор	CSS
Развој	PHP	Пајтон

  Во прелистувачот, документот ќе изгледа вака:

  Ајде да откриеме кои линии на код се одговорни за што.

  • - ја отвори масата, давајќи ѝ ја дебелината на рамките.
    - ја насловија тие.
    - ја отвори линијата.
    - создаде ќелија со дизајн на заглавие.
    - создаде втора ќелија за заглавие во редот. Параметарот colspan означува дека оваа ќелија треба да се протега на две хоризонтално.
    - ја затвори линијата. Останатите линии беа креирани на ист начин.
    - додаде втор ред од табелата со редовни, наместо заглави, ќелии. Следните редови и ќелии беа вметнати слично.

    Алатки за креирање веб-страници

    Цел	Алатка
  Обележување	HTML	XHTML

    - ја затвори масата.

  Популарни во категоријата:

  Акционен план за поставување терминал од Сбербанк - zolnirt -...

  читаат

  Софтвер за работа со KKM stroke-m

  читаат

  Инсталирање на Microsoft Office на компјутер со Windows

  читаат

  Што е DVDRip, CAMRip, TS, TC, DVDSrc итн.

  читаат

  

  Најнови написи

  Ава во контакт: што е тоа? Што е awk? Како...

  читаат

  Капацитет на пазарот: што е тоа и како е...

  читаат

  Долгоочекуваните награди за старите светски играчи...

  читаат

  Wifi Analyzer е апликација за анализа на WiFi...

  читаат

  Пет причини зошто да не го фрлате стариот хард диск

  читаат

  VirusTotal: Онлајн скенирање на вируси...

  читаат

  Како да ги забраните платените претплати од операторите...

  читаат

  Начини за депонирање пари на Skype Top up...

  читаат

  vsevolozk.ru
  Ние проучуваме компјутери - Windows, вируси, програми, поправки, обновување податоци

  • Проектно издание
  • Рекламирање на веб-страницата

  • Контакти
  • Мапа на сајтот

  © 2023 Проучување компјутер - Windows, вируси, програми, поправка, обновување податоци

  Врв

  - ознака што создава ќелија за заглавие на табелата. Однадвор, неговата содржина се разликува од содржината во другите ќелии - обично текстот внатре	Прелистувачот го истакнува со задебелени букви и го става во центарот.	- контејнер со кој се создава едноставна ќелија. Колку такви ознаки ќе содржи една линија (ознака