2. Az ingatlan háttér \u003d "URL" - Beállítja a háttér rajzot. Az URL helyett a háttérkép címét meg kell írni.

Példa

Mintaasztal

1. oszlop.

2. oszlop.

Következő oldalra konvertálva:

A vizsgált példában háttérképünk az IMG mappában található (amely ugyanabban a könyvtárban van, mint a HTML oldal), és a kép Fon.gif. Kérjük, vegye figyelembe, hogy a címkén hozzáadtuk a stílus \u003d "Szín: fehér;" . Mivel a háttér szinte fekete, így a szöveg nem egyesíti a háttérrel, fehér szöveget készítettünk.

3. Tulajdon BGColor \u003d "Color" - Beállítja az asztal színét. Színként kiválaszthatja az egész palettát (lásd a kódokat és a címeket HTML színeket)

4. Border \u003d "szám" tulajdonság - Beállítja az asztali keret vastagságát. A korábbi példákban a Border \u003d "1" -re rámutattunk, ami a keret vastagságát jelenti - 1 pixel.

5. BorderColor \u003d "Color" tulajdonság - Beállítja a keret színét. Ha a Border \u003d "0", a keretrendszer nem és a keret színe nem lesz értelme.

6. CELLPADDING tulajdonság \u003d "szám" - A keretből származó bemélyedés a sejtek tartalmához képest.

7. Cellspacing tulajdonság \u003d "szám" - A pixeleken lévő sejtek közötti távolság.

8. A Cols \u003d "szám" az oszlopok száma. Ha nem adja meg, akkor a böngésző maga is meghatározza az oszlopok számát. Az egyetlen különbség az, hogy ennek a paraméternek a specifikációja valószínűleg felgyorsítja az asztal letöltését.

9. Tulajdonframe \u003d "Paraméter" - Hogyan jelenítsük meg a határokat az asztal körül. A következő értékeket veheti igénybe:

• void - Ne húzza határokat
• határ - határ körül
• fent - az asztal felső szélén
• alul - az asztal alján található határ
• hsides - Csak vízszintes határok hozzáadása (a táblázat felső és alsó része)
• vsides - csak függőleges határokat rajzoljon (balra és jobbra a táblázatból)
• rhs - csak az asztal jobb oldalán határ
• lHS - csak az asztal bal oldalán határ

10. Magasság \u003d "szám" tulajdonság - Beállítja az asztal magasságát: vagy pixelben vagy százalékban.

11. Az ingatlan szabályok \u003d "paraméter" - hol a sejtek közötti határok megjelenítéséhez. A következő értékeket veheti igénybe:

• minden vonal minden egyes cellás asztal körül húzódik
• csoportok - A vonal a címkék által létrehozott csoportok között jelenik meg.

Attribútumok és tulajdonságok

1. Az ingatlan Align \u003d "Paraméter" - beállítja egy külön táblázatos cella összehangolását. A következő értékeket veheti igénybe:

• bal - szintezés a bal szélen
• központ-központi igazítás
• jobb - igazítás a jobb szélen

2. A Háttér \u003d "URL" tulajdonság - Beállítja a sejt háttérképét. Az URL helyett a háttérkép címét meg kell írni.

3. BGColor \u003d "Color" tulajdonság - Beállítja a sejtek színét.

4. BorderColor \u003d "Color" tulajdonság - Beállítja a sejtkeret színét.

5. Char \u003d "Letter" tulajdonság - Beállítja azokat a levelet, ahonnan szükség van az igazításra. Az igazítás attribútumértéket karban kell telepíteni.

6. A COLSPAN \u003d "szám" tulajdonság - beállítja a kombinált vízszintes sejtek számát.

7. Magasság \u003d "Szám" tulajdonság - Beállítja az asztal magasságát: vagy pixelben vagy százalékban%.

8. Szélesség \u003d "Szám" tulajdonság - Beállítja az asztal szélességét: vagy pixelben vagy százalékban%.

9. A ROWSPAN \u003d "szám" tulajdonság - Beállítja a függőleges cellák számát.

10. Tulajdon Valign \u003d "Paraméter" - A sejt tartalmát függőlegesen igazítsa.

• top - Illessze a cella tartalmát a vonal felső szélén
• közép-igazítás középen
• alsó - illesztés az alsó szélen
• alapvonal - kiindulási igazítás

A címkén

Hogyan készítsük el a sejtek határait az asztalnál nem ragasztott

Abban az esetben, használja Border (határ sejtek) és nulla francia a sejtek között, mégis ragasztó, és kiderül, mely egy két határral. Annak érdekében, hogy elkerülje, regisztrálnia kell a Stílusok táblázatban Border-Collapse: Collapse:

...

Kedves olvasó, most már sokkal többet tanultál a HTML asztali címkéről. Most azt tanácsolom, hogy menjen a következő leckére.

A táblázat a vonalak és sejtek által elosztott adatkészlet. A legtöbb sejtben a táblázatos adatok helyezkednek el, a többi tartalmaz tartalmakat, amelyek leírják a tartalmat leíró húrok és oszlopok.

A címke egy táblázat létrehozására szolgál a HTML dokumentumban

Ez egy tartály, amelyben az asztal teljes tartalma.

A táblázat létrehozása mindig a címkével meghatározott sorokkal kezdődik

Minden sor, viszont sejtekből áll. Címke Ez csak címkéket tartalmazhat a sejtek létrehozásához.

HTML-ben két különböző címke van a sejtek létrehozásához, az elsőnek az első

. Ez a pár azt jelenti, hogy létrehoztunk egy vonalat az asztalon, és hány ilyen címkét fognak kimutatni, olyan sok sor, és ez lesz.

Jól

Most egy újabb pár - . Ez a pár azt jelenti, hogy létrehoztunk egy oszlopot ebben a sorban, és ha minden egyes TR-ben regisztrálnak néhány TD-t, akkor ebben a sorban több oszlop lesz. Egyértelmű? Ha nem, nézzük meg a példát, hiszen minden rendezett itt ... Tegyük fel, hogy létrehozni akarok egy asztalt és jeleket. Ezután írjuk a címkét a címkén :

Lehetővé teszi az asztalfejlécek létrehozását. Alapértelmezés szerint a címsorok középpontjában állnak, és vége (<САРТION АLIGN=top>), akár az asztal alatt (<САРТION ALIGN=bottom>). A cím bármely szövegből és képből állhat. A szöveg az asztal szélességének megfelelő karakterláncokra osztható. Néha címke<САРТION> A rajz alatt aláírásra használják. Ehhez elegendő az asztal határain történő leírása.

Cím az asztal felett

Szöveg vagy adatok

Szöveg vagy adatok

Szöveg vagy adatok

Szöveg vagy adatok

Cím az asztal alatt

Szöveg vagy adatok

Szöveg vagy adatok

Szöveg vagy adatok

Attribútum mostrap

Általában minden olyan szöveg, amely nem illeszkedik az asztal táblázatának egyik sorába, a következő karakterláncba kerül. Azonban, amikor a NOWRAP attribútumot a címkékkel használja<ТН> vagy<ТD> A sejthossz olyan sokkal bővül, hogy a szöveg egy sorban belépjen.

Attribútum Solspan.

Címkék<ТD> és<ТН> Módosítva a ColSpan attribútum (oszlop span, oszlopvegyület). Ha a felső vagy alsó, mint a felső vagy alsó, akkor használhatja a Solspan attribútumot, hogy a hétköznapi sejtek számát nyújtsa.

Ha szeretné, hogy néhány cellát szélesebb, mint a felső vagy alsó,	használhatja a Colspan \u003d 2 attribútumot,
a hétköznapi sejtek számát.

RowSpan attribútum

A címkékben használt rowpan attribútum<ТD> és<ТН>, hasonlóan az SLSPAN attribútumához \u003d csak azt állítja be, hogy számát olyan sorok, amelyekhez a cella feszült. Ha meghatározott RowSpan \u003d S jellemző számának, több egység, akkor a megfelelő számú sorral alatt kell lennie egy kifeszített cellában. Az asztal alján lehetetlen elhelyezni.

Attribútum widn

A WIDN attribútumot két esetben alkalmazzák. A címkébe helyezheti<ТАВLЕ>hogy az egész asztal szélességét adja meg, és címkékben használható<ТD> vagy<ТН>A sejtszélesség vagy a sejtek csoportjának beállítása. A szélessége képpontokban vagy százalékban szerepelhet. Például, ha megadja a címkét<ТАВLЕ> Szélesség \u003d 250, 250 képpont szélességű asztalt kap, függetlenül az oldal méretétől a monitoron. A WIDN \u003d 50% megadásakor a címkén<ТАВLЕ> A táblázat az oldal szélességének felét fogja elfoglalni a képernyő bármely méretét a képernyőn. Tehát az asztal szélességét százalékban mutatja, ne feledje, hogy ha a felhasználónak van egy keskeny nézete, az oldala kissé furcsának tűnhet. Ha képpontokat használ, az asztal kimutatja, hogy szélesebb, mint a megtekintési terület, akkor a görgetősáv jelenik meg az alján, hogy jobbra és balra maradjon az oldalon. A feladatoktól és az egy másik módjától függően hasznos lehet az asztal szélességének beállításához.

Szöveg vagy adatok - 100% szélesség

vagy

Szöveg vagy adatok - 50% szélesség

vagy

Szöveg vagy adatok - szélesség 200 pixel

vagy

Szöveg vagy adatok - Szélesség 100 képpont

Üres cellák alkalmazása

Ha a cella nem tartalmaz adatokat, akkor nincs hatósága. Ha szükséges, hogy a sejtek határai vannak, de nem volt tartalom, szükség van arra, hogy valamit, ami nem lesz látható a megtekintéskor. Használhat egy üres karakterláncot<ВR>. Akkor is adja az üres oszlopok, definiálva szélessége pixelben vagy relatív egységek és anélkül, hogy bármilyen adatot a választott sejteket. Ez az eszköz hasznos lehet a szöveges oldalra és a grafikára.

Cellraldding attribútum

Ez az attribútum határozza meg az üres tér szélességét a sejt tartalma és határai között, azaz a sejtek belsejében lévő mezőket állítja be.

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

Attribútumok igazítása és rendezése

Címkék<ТR>, <ТD> és<ТН> Módosíthatja az Align és az Valign attribútumok segítségével. Az igazítás attribútum határozza meg a szöveg és a grafika vízszintes összehangolását, azaz a bal vagy jobb szélén, vagy a központban. A vízszintes igazítás többféle módon is meghatározható:

Align \u003d Blydleft. A sejt tartalmát a bal széléhez közel álljon.

Align \u003d maradt. Igazítja a sejt tartalmát a bal szélen, figyelembe véve a cellpadding attribútum által meghatározott betartást.

Align \u003d Cener. Van egy sejt tartalom a központban.

Align \u003d Jobb Igazítja a sejt tartalmát a jobb szélen, figyelembe véve a cellpadding attribútum által meghatározott betétet.

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

A Valign attribútum szöveges illesztést és grafikákat hajt végre a függőleges cellában. A függőleges igazítás többféle módon is meghatározható:

Valign \u003d Top. Igazítja a sejt tartalmát a felső határon.

Valign \u003d középső A sejt tartalmát függőlegesen helyezze el.

Valign \u003d alsó Igazítja a sejt tartalmát az alsó határon.

A Valign attribútum szöveges illesztést és grafikákat hajt végre a függőleges cellában.	top,	középső	alsó.
Valign \u003d felső vonalak A sejt tartalmát a felső határon.	top,	top,	top.
Valign \u003d középközpont a sejt tartalmát függőlegesen.	középső	középső	középső.
Valign \u003d alsó vonalak A sejt tartalmát az alsó határon.	alsó,	alsó,	alsó.

Attribútum határ

Tegben<ТАВLЕ> Gyakran meghatározza, hogy a keretek hogyan fognak kinézni, vagyis az asztal tábláit és a táblázatot körülvevő vonalak. Ha nem adja meg a keretet, akkor az asztal nélküli asztalt kap, de az alatta lévő helyet hozzárendelik. Ugyanez az eredmény érhető el, ha megkérdezhető<ТАВLЕ ВОRDER=0>. Néha alaposan szeretné a határt, hogy jobban kiemelkedjen. Lehetőség van arra, hogy rendkívül zsíros határokat vonjunk fel arra, hogy felhívják a figyelmet a rajzra vagy a szövegre. A beágyazott táblák létrehozásakor a különböző vastagságok határainak különböző tábláihoz szükséges, hogy könnyebben megkülönböztessék.

Cellspacing attribútum

A CellSpacing attribútum határozza meg a pixelben lévő sejtek közötti rések szélességét. Ha ez az attribútum nincs megadva, az alapértelmezett érték két képpontra van állítva. A Cellspacing \u003d attribútum használatával szöveget és ütemezést helyezhet el, ahol szüksége van. Ha üres helyet szeretne hagyni, beírhat egy helyet a cellához.

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok		Szöveg vagy adatok

Attribútum BGColor

Ez az attribútum lehetővé teszi a háttérszín beállítását. Attól függően, amelyben a tag (asztal, TR, TD) használunk, a háttér színét lehet állítani az egész asztal, egy zsinór vagy külön cellában. Ennek az attribútumnak az értéke az RGB kód vagy a szabványos színnév.

Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok
Szöveg vagy adatok	Szöveg vagy adatok	Szöveg vagy adatok

Attribútum háttér.

Ez az attribútum a táblák háttérképét állítja be. Alkalmazza az asztalra és a TD címkékre. Az érték egy fájl URL, háttérképzel. Az attribútum használatát az alábbiakban tárgyaljuk.

Táblázatok használata az oldalon

A táblázatok jóak abban, hogy ha szeretné, akkor a határok láthatatlanná válhatnak. Ez lehetővé teszi a címke számára<ТАВLЕ> Gyönyörűen hozzászólás a szöveges és grafikus oldalon. A címkén<ТАВLЕ> Ez továbbra is az egyetlen hatékony eszköz a HTML formázásához. Weboldalak tervezők most már szinte ugyanolyan szabadságot használnak az "üres tér" használatához, mint a nyomtatott oldalak alkotói. A legjobb segítséget a weboldalak hierarchikus szövegelhelyezésének elmozdításához.

Ha a böngésző támogatja a táblázatokat, általában helyesen jeleníti meg a legérdekesebb hatásokat.

Ural State Pedagógiai Egyetem Üdvözöljük! Képzési kurzus "A Web Mastering alapjai"

Többszínű asztalok létrehozása

Néhány böngésző lehetővé teszi a színek megjelenítését. Számos módja van az asztal festésére, főként a használt böngészőtől függ.

Színes határok a Netscape Navigatorban. Nem csak egy gyönyörű kerettel körülveszi az asztalt, hanem a színét, a szövegszínektől és a hátterétől. Hozzon létre egy egyszerű szürke gif (vagy bármely olyan GIF, amelyet a háttérben szeretnél, és határozza meg a címkében<ВODY> Mint az oldalak háttere. Ezután állítsa be a színes háttérszínt. Ennek eredményeként a címke<ВОDY> Ez így fog kinézni:

Ön létrehozott egy kettős háttér - GIF és egy meghatározott szín. Ennek eredményeképpen a háttérszín látható lesz az asztalok és a vízszintes vonalak határán (<НR>). Függetlenül attól, hogy a háttér Gif szürke vagy nem, színes vonalak és a táblák határai észrevehetően kiemelkedően kiemelkedik. Ha a háttér GIF nem túl nehéz, az oldal betöltési ideje csak egy kicsit növekszik.

Jó a nap folyamán, kedves barátaim. Hogyan megy a nyár? Remélem, mindenki rendben van. Nos, ma továbbra is tanulmányozzuk a HTML alapjait, és ma valószínűleg az utolsó lecke ezen a témában, mert akkor CSS-be fogunk merülni. Tehát a HTML-ről beszélve nem tudom megmondani az asztalról, mivel ezek is meglehetősen jelentős téma.

Vegyük legalább ugyanazt a Wordpress-t. Alapértelmezés szerint a táblázat nem hozható létre ebben a motorban. Szükségem van egy speciális kiegészítésre (plugin), vagy egy speciális programkód (szkript). De csak azt tehetjük, amit akarunk az egyszerű címkék segítségével. Általánosságban elmondható, hogy ma megmondom, hogyan kell létrehozni egy asztalt a HTML-ben, mivel tényleg nagyon segíthet.

Emlékszem, hogy az első webhelyek az asztal elrendezésével, azaz A sapka, az oldalsávok, a futó és a tartalomblokk csak az asztal elemei voltak. Ezt a cikkemben említettem. Igaz ma, a webhelyek egyáltalán nem vesznek részt a táblák segítségével, de ez nem jelenti azt, hogy nem szükségesek. Inkább az ellenkezője.

Mi a jó, így ez az, amit nem kell semmit rajzolni. Minden a szokásos notebook (jól vagy más, mint a notepad ++), és könnyen. Általában hangoljunk be dolgozni.

Címkék

Itt a jelölés kissé bonyolultabb, mint más címkékben, de gyorsan emlékszik. Szóval úgy nézünk ki, és nem zavarjuk meg.

Bármelyik asztal mindig egy pár címkén van

. Azok. Ezek a jelek megadják a csapatot, hogy az asztal itt található.

Az asztal belsejében egy pár címkét tegyen

, Rendes sejteket hoz létre adatokkal. Alapértelmezés, Tag tartalom	Elhagyja a bal szélét. A sejtek létrehozására szolgáló második címke egy címke	Lehetővé teszi, hogy meghatározza az oszlopok vagy húrok fejlécét tartalmazó sejteket, az ilyen sejtek tartalma merész szövegben jelenik meg, és a központba illeszkedik. Címkék	és	Ezek közé tartoznak a dokumentum testében történő használatra rendelkezésre álló HTML elemek. Első cím Második fejléc 1. sor, Cell 1 1. sor, Cell 2 2. sor, Cell 1 2. sor, Cell 2 Próbáld ki Asztal az asztalon belül A HTML képes megteremteni a beágyazott asztalokat, azaz azokat az asztalokat, amelyek más asztalokon belül helyezkednek el. Ahhoz, hogy a beágyazott asztalhoz szüksége van egy táblázatkódra, amelyet beágyazni szeretne, helyezze be a címkét	. Például meg fogjuk venni az asztalt, hogy korábban korábban, és ezt a kódot a második sejt második sorba helyezzük: Első cím Második fejléc 1. sor, Cell 1 1. sor, Cell 2 2. sor, Cell 1 2. sor, Cell 2 Első cím Második fejléc 1. sor, Cell 1 1. sor, Cell 2 2. sor, Cell 1 2. sor, Cell 2 Ebben az előadásban részletesen figyelembe veszik a táblázatok alkalmazási elveit a HTML jelölésben. Ez a szöveges szövegszervezés, valamint a táblázat koordináta-hálózat, és a grafikus táblázatba rendezve. Táblázatok leírása a HTML-ben A WWW-k kidolgozásakor világossá vált, hogy az NTML-ben meghatározott pénzeszközök nem elegendőek a különböző típusú dokumentumok minőségi megjelenítéséhez. Az NTML hátránya volt a táblázat kijelző eszközeinek hiánya. Ebből a célból az előformázott szöveget általában használták (címke) ), amelyben a táblát az Assii karakterek írják le. De a táblázatok bemutatásának formája nem volt elég magas színvonalú és kiütötte a dokumentum általános stílusából. Miután belépett a táblázatok HTML-ben, a webes kézművesek nemcsak a szöveges és numerikus adatok elhelyezésére szolgáló eszközt jelentek meg, hanem egy erőteljes design eszköz a képernyő grafikus képeinek és szövegének kívánt helyén. Táblázatok létrehozása HTML-ben A címke táblázatok leírására szolgál<ТАВLЕ>. Címke<ТАВLЕ>, mint sok más, automatikusan lefordítja a karakterláncot az asztal előtt és után. Táblázat sor létrehozása - címke<ТR> Címke<ТR> (Asztali sor, asztali karakterlánc) egy asztali karakterláncot hoz létre. Minden szöveget, más címkét és attribútumot kell elhelyezni, amelyet egy sorban kell elhelyezni a címkék LT; TR\u003e. Az asztaliejtek meghatározása - címke<ТD> A táblázat sorában általában adatokat helyeznek az adatokkal. Minden szöveget vagy képet tartalmazó cellát címkékkel kell körülvenni<ТD>. Tagov száma<ТD> A vonal meghatározza a sejtek számát asztal Ha az asztal két TC-című, akkor két sor van benne. Ha a vonal három TD címke, hogy ne. három oszlop. Asztali oszlopfejlécek - címke<ТН> A táblázat oszlopainak és sorának fejlécje a címcímkével van beállítva<ТН> (Naader-katalógus, táblázat címe). Ezek a címkék olyanok, mint a<ТD>. A különbség az, hogy a címkék között mellékelt szöveg<ТН>Automatikusan rögzíti a merész és az alapértelmezett hely közepén található. A központosítás törölhető és összehangolt szöveg a bal vagy jobb szélén. Ha használod<ТD> A címkével<В> és attribútum<АLIGN=center>A szöveg is úgy néz ki, mint egy fejléc. Mindazonáltal szem előtt kell tartani, hogy nem minden böngészőt karbantartanak a táblázatok zsírtartalmában, így jobb az asztali címek beállítása<ТН>. A fejléc alapértelmezés szerint középre van A cím kombinálhatja az oszlopokat A cím az oszlopok előtt található. Szöveg vagy adatok Szöveg vagy adatok A cím kombinálhatja a vonalakat Szöveg vagy adatok Szöveg vagy adatok Szöveg vagy adatok Szöveg vagy adatok Szöveg vagy adatok Szöveg vagy adatok Az asztalfejlécek használata - címke<САРТIОN> Címke

	Matematika	orosz nyelv	Történelem
Medvegyev	3	5	5
Smirnov	5	5	5
Sokolov	3	2	3

Mit csináltunk itt? És négy sort (TR) készítettünk, amelyek mindegyike négy asztalt tartalmaz (TD). Az első blokkban TR, a képzési tudományok nevét írtuk, miközben az első oszlopot üresen hagyjuk, hogy ne zavarja az asztalt.

Az egyes első párok mellett tD. Beillesztjük a diákok nevét, és az összes többiet tD. Töltse ki a megfelelő cella becsléseit. Általánosságban elmondható, írja be és mentse el a fájlt, majd nyissa ki a böngészőben, akkor te magad megérted mindent, mint történik.

De a dokumentumba megyünk, látjuk, hogy az asztal nem elég hasonlít ahhoz, amit terveztünk. És mi hiányzik itt? Helyes - határok. De nem aggódsz. Elmondom neked az alábbiakban.

De a tisztességért megmutatom egy másik címkét, amely kiemeli és központosítja az adatokat a táblázatokban. Ez a címke meg van írva