Közzététel: Az Ön támogatása segít fenntartani az oldal működését! Az ezen az oldalon javasolt egyes szolgáltatásokért ajánlási díjat kapunk. tudj meg többet
A megosztás törődés!
Attribútuma annak, amit csinál| Név | étel |
|---|---|
| Csillagvirág | kevert tofu |
| Miko | zöldséges rizsleves |
| Andy | humusz |
| Ping | francia pirítós |
A RULES attribútum ALL értéke
RULES=ALL azt jelzi, hogy az összes belső határnak láthatónak kell lennie. A RULES=ALL paramétert általában a FRAME=VOID paraméterrel együtt használják, így vannak külső szegélyek, de nincsenek belső szegélyek.
| Név | étel |
|---|---|
| Csillagvirág | kevert tofu |
| Miko | zöldséges rizsleves |
| Andy | humusz |
| Ping | francia pirítós |
A RULES attribútum COLS értéke
A COLS azt jelzi, hogy az oszlopok között határoknak kell lenniük, a sorok között nem.
| Név | étel |
|---|---|
| Csillagvirág | kevert tofu |
| Miko | zöldséges rizsleves |
| Andy | humusz |
| Ping | francia pirítós |
A ROWS értéke a RULES attribútumhoz
A RULES=ROWS azt jelzi, hogy a sorok között szegélynek kell lennie, az oszlopok között nem.
| Név | étel |
|---|---|
| Csillagvirág | kevert tofu |
| Miko | zöldséges rizsleves |
| Andy | humusz |
| Ping | francia pirítós |
A GROUPS értéke a RULES attribútumhoz
RULES=CSOPORTOK lehetővé teszi szegélyek elhelyezését a táblázatcellák csoportjai között. A cellák kétféleképpen csoportosíthatók: sor és oszlop szerint. Vegyük figyelembe, hogy a Netscape jelenleg nem ismeri fel a RULES-t.
Csoportosítás sorok szerint
A sorok szerinti csoportosításhoz használja a ,
, címkéket. jelzi a táblázat fejléceit, a táblázat törzsét jelöli, és az alsó sorokat jelzi. Így például ez a kód létrehoz egy táblázatot három csoporttal. A szegélyek csak a csoportok között jelennek meg:
| Név | étel | ár |
|---|---|---|
| Csillagvirág | kevert tofu | 5.95 |
| Miko | zöldséges rizsleves | 4.95 |
| Andy | humusz | 3.95 |
| Ping | francia pirítós | 5.95 |
| Teljes | 20.80 | |
Így jelenik meg a táblázat:
| Név | étel | ár |
|---|---|---|
| Csillagvirág | kevert tofu | 5.95 |
| Miko | zöldséges rizsleves | 4.95 |
| Andy | humusz | 3.95 |
| Ping | francia pirítós | 5.95 |
| Teljes | 20.80 | |
Csoportosítás oszlop szerint
Az oszlop szerinti csoportosításhoz használja a
HTML alapok tartalmazzák a HTML nyelv alapszabályait, a HTML oldal szerkezetének leírását, a HTML dokumentum szerkezetében a HTML elemek közötti kapcsolatokat.
A HTML dokumentum normális Szöveges dokumentum, a szokásos módon létrehozható szöveg szerkesztő (Jegyzetfüzet), és egy speciálisban, kódkiemeléssel (Jegyzettömb++, vizuális Stúdió kód stb.). Egy HTML-dokumentum .html kiterjesztéssel rendelkezik.
A HTML-dokumentum HTML-elemekből és szövegből álló fából áll. A forrásdokumentumban minden elemet egy kezdő (nyitó) és egy vég (záró) címke azonosít (ritka kivételektől eltekintve).
Kezdő címke megmutatja, hol kezdődik az elem, hol végződik - hol ér véget. Záró címke perjel / / a címke neve elé történő hozzáadásával jön létre:<имя тега> … . A kezdő és záró címke között található a címke tartalma - tartalom.
Az egyes címkék nem tárolhatnak közvetlenül tartalmat, az attribútumértékként, például címkeként van írva szöveges gombot hoz létre Gomb belül.
A címkék egymásba ágyazhatók, pl.
Szöveg
. Befektetéskor be kell tartania a zárás sorrendjét (a "matryoshka" elve) például a következő bejegyzés helytelen lenne:Szöveg
.A HTML elemeknek lehetnek attribútumai (globális, minden HTML elemre alkalmazható és saját). Az attribútumok egy elem nyitó címkéjébe íródnak, és a name="value" attribútumban megadott nevet és értéket tartalmazzák. Az attribútumok lehetővé teszik annak az elemnek a tulajdonságainak és viselkedésének megváltoztatását, amelyhez be vannak állítva.
Minden elemnek több osztályértéke és csak egy azonosítóértéke lehet. Több osztályértéket szóközzel írunk,
A böngésző megtekint (értelmez) egy HTML-dokumentumot, felépíti a struktúráját (DOM) és megjeleníti a fájlban található utasítások szerint (stíluslapok, szkriptek). Ha a jelölés helyes, akkor a böngészőablak egy HTML-elemeket – címsorokat, táblázatokat, képeket stb. – tartalmazó HTML oldalt jelenít meg.
Értelmezési folyamat (elemzés) azelőtt indul el, hogy a weboldal teljesen betöltődik a böngészőbe. A böngészők a HTML dokumentumokat a kezdetektől szekvenciálisan dolgozzák fel, miközben feldolgozzák a CSS-t, és stíluslapokat társítanak az oldalelemekhez.
A HTML-dokumentum két részből áll – a fejlécből – a címkék között
… és tartalom – a címkék között … .Weboldal szerkezete
1. A HTML dokumentum szerkezete
A HTML nyelv a dokumentumtípus deklarációs fájlban foglalt szabályokat követi. (Dokumentumtípus-meghatározás vagy DTD). A DTD egy XML dokumentum, amely meghatározza, hogy mely címkék, attribútumok és azok értékei érvényesek egy adott HTML típus. A HTML minden verziója saját DTD-vel rendelkezik.
DOCTYPE felelős azért, hogy a böngésző helyesen jelenítse meg a weboldalt. A DOCTYPE nemcsak HTML verzió(pl. html), hanem a megfelelő DTD fájlt is a weben.
A címkén belüli elemek , dokumentumfát alkotnak, az ún dokumentum objektum modell, DOM (dokumentumobjektum modell). Ugyanakkor az elem a gyökérelem.
Rizs. 1. A legegyszerűbb szerkezet weboldalak Egy weblap elemeinek kölcsönhatásának megértéséhez figyelembe kell venni az ún "családi kapcsolat" elemek között. A több beágyazott elem közötti kapcsolatok szülő-, gyermek- és testvérkapcsolatokba sorolhatók.
Ős Más elemeket tartalmazó elem. Az 1. ábrán az összes elem őse az . Ugyanakkor az elem
a benne található összes címke őse:,
, ,
Leszármazott- egy vagy több típusú elemen belül elhelyezkedő elem. Például,
leszármazottja , és az elemMindkettő gyermeke
És .szülő elem- egy elem, amely alacsonyabb szintű egyéb elemekkel van társítva, és a felettük lévő fán található. 1.ábra
És . CímkeCsak a szülő .
gyermek elem - egy másik elemnek közvetlenül alárendelt elem magas szint. Az 1. ábrán csak elemek
, ,
ÉS
testvér elem- olyan elem, amelynek a vizsgált elemmel közös szülőeleme van, az azonos szintű ún. 1.ábra
És - azonos szintű elemek, valamint elemek , És
Testvérek egymásnak.
1.1. Elem
1.2. Elem
Fejezet
... technikai információkat tartalmaz az oldalról: cím, leírás, kulcsszavak a keresőmotorokhoz, kódolás stb. A benne megadott információk nem jelennek meg a böngészőablakban, hanem olyan adatokat tartalmaznak, amelyek megmondják a böngészőnek, hogyan dolgozza fel az oldalt.1.2.1. Elem </h4>
<p>Szükséges szakaszcímke <head>a címke <title>. A címkén belül elhelyezett szöveg a webböngésző címsorában jelenik meg. A cím hossza nem lehet több 60 karakternél, hogy teljesen beleférjen a címbe. A cím szövegének tartalmaznia kell a weboldal tartalmának legteljesebb leírását.</p>
<h4>1.2.2. Elem <meta></h4>
<p>Opcionális szakaszcímke <head>egyetlen címke <meta>. Ezzel beállíthatja az oldal tartalmának leírását és a keresőmotorok kulcsszavait, a HTML-dokumentum szerzőjét és egyéb metaadat-tulajdonságokat. Elem <head>több elemet is tartalmazhat <meta>, mert a használt attribútumoktól függően különböző információkat hordoznak.</p><p>
<meta name="description" content="Az oldal tartalmának leírása">
<meta name="keywords" content="A kulcsszavak vesszővel elválasztva">
</p><p>Az oldal tartalmának leírása és a kulcsszavak egyszerre több nyelven is megadhatók, például oroszul és angolul:</p><p>
<meta name="description" lang="ru" content="Az oldal tartalmának leírása">
<meta name="description" lang="en" content="Leírás">
<meta name="keywords" lang="ru" content="A kulcsszavak vesszővel elválasztva">
<meta name="keywords" lang="en" content="kulcsszavakat">
</p><p>Címkével <meta>letilthatja vagy engedélyezheti a weboldalak keresőmotorok általi indexelését:</p>
<p>
<meta name="robots" content="index, follow">
</p><p>
<meta name="robots" content="index, nofollow">
</p><p>
<meta name="robots" content="noindex, nofollow">
</p><p>Az oldal meghatározott idő elteltével történő automatikus újratöltéséhez a frissítési értéket kell használnia:</p><p>
<meta content="30">
</p><p>Az oldal 30 másodpercen belül újra betöltődik. A látogató másik oldalra való átirányításához meg kell adnia az URL-t az url paraméterben:</p><p>
<meta content="0; url=http://yandex.ru/">
</p><table class="t3">2. táblázat Címkeattribútumok <meta>
<tbody><tr><th style="width: 20%;">Tulajdonság</th>
<th></th>
</tr><tr><td>karakterkészlet</td>
<td>Megadja az aktuális HTML-dokumentum karakterkódolását: <meta charset="UTF-8">
</td>
</tr><tr><td>tartalom</td>
<td>Tetszőleges szöveget tartalmaz, amely meghatározza a http-equiv vagy name attribútumhoz társított értéket, az értéküktől függően.</td>
</tr><tr><td>http-equiv</td>
<td>Szabályozza a böngésző műveleteit ezen a weboldalon (egyenértékű a HTTP-fejlécekkel). Az oldal megjelenítésekor a böngésző az attribútumban megadott utasításokat követi: <br>default-style meghatározza az oldalon használni kívánt stílust. A content attribútumnak tartalmaznia kell az elem azonosítóját <link>, amely egy CSS-stíluslapra vagy egy elemazonosítóra utal<style> , содержащего таблицу стилей.<br>
refresh указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка "url=адрес_страницы" .<br>
Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:<br>
<meta content="30"> <br>
Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url:<br>
<meta content="0; url=http://mail.ru/">
</td>
</tr><tr><td> name
</td>
<td>Ассоциируется со значением, содержащемся в атрибуте content . Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv , charset или itemprop .<br>
application-name указывает название веб-приложения, используемого на странице.<br>
author указывает имя автора документа в свободном формате.<br>
description определяет краткое описание к содержимому страницы, например:<br>
<meta name="description" content="Описание содержимого страницы"> <br>
generator указывает один из пакетов программного обеспечения, используемого для создания документа, например:<br>
<meta name="generator" content="WordPress 4.0"> .<br>
keywords содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например:<br>
<meta name="keywords" content="Ключевые слова через запятую"> .<br><i>Также атрибут name может принимать следующие значения из расширенной спецификации, такие как creator , googlebot , publisher , robots , slurp , viewport , хотя ни одно из них еще не было официально принято.
</i>
</td>
</tr></tbody></table><h4>1.2.3. Элемент <style></h4>
<p>Внутри этого элемента задаются стили, которые используются на странице. Для задания стилей в HTML-документе используется язык CSS. Таких элементов на странице может быть несколько.</p>
<p>Внутрь этого элемента можно записывать код форматирования как самих элементов веб-страницы, так и веб-страницы целиком.</p><p>
<style type="text/css">
.paper {
width: 200px;
height: 300px;
background-color: #ef4444;
color: #666666;
}
</p><p>Чтобы подключить к элементу заданный стиль, необходимо через атрибут class (или id) присвоить элементу соответствующее название:</p><p>
<div class="paper">
...
</div>
</p><p>CSS-код можно встраивать непосредственно в элемент разметки в виде значение атрибута style , например:</p><p>
<h4>1.2.4. Элемент <link></h4>
<p>Задать стили для документа можно также при помощи другого способа - записать их в отдельный файл с расширением.css , например, style.css .</p>
<p>Подключить файл со стилями к веб-странице можно двумя способами:<br>через
директиву @import url</p><p>
<!DOCTYPE html>
<html>
<head>
<style>
@import url(style.css);
</style>
<meta>
<title>
elem segítségével . Az elem nem igényel záró címkét. Ez az elem határozza meg az aktuális oldal és más dokumentumok közötti kapcsolatot. Egy oldalon több ilyen elem is lehet. A bejegyzés így fog kinézni:
| Tulajdonság | Leírás, elfogadott érték |
|---|---|
| crosseredet | Meghatározza, hogy a CORS-t (olyan böngészőtechnológia, amely lehetővé teszi, hogy egy weboldal egy másik tartományból származó erőforrásokhoz férhessen hozzá) kell-e használni a kép lekérésekor egy webhelyről. névtelen – a tartományok közötti kérésben a böngésző automatikusan hozzáad egy Origin fejlécet, amely tartalmazza annak a tartománynak a nevét, amelyről a kérés érkezett. Ha a szerver nem válaszol CORS-fejléccel Access-Control-Allow-Origin: * (vagy egy tartománynévvel csillag helyett), akkor a rendszer blokkolja a kép betöltését. use-credentials - ha a szerver nem ad meg hitelesítési adatokat az Access-Control-Allow-Credentials: true értékkel, akkor a rendszer letiltja a kép betöltését. |
| href | A címke fő attribútuma, az érték a fájl elérési útja stílusokkal. |
| hreflang | Meghatározza a szöveg nyelvét a hivatkozott dokumentumban. |
| média | Meghatározza az eszköz típusát, amelyre a hivatkozási erőforrást alkalmazni kell. |
| semmi | Szerver által véletlenszerűen generált karakterlánc-változó, amely beállítja a szabályokat a soron belüli stílusok használatára a tartalom védelmére. Az attribútum értéke egy szöveges karakterlánc. |
| rel | Az attribútum az aktuális dokumentum és a hivatkozott dokumentum közötti kapcsolatot határozza meg. alternatív – ugyanarra a dokumentumra mutató hivatkozás, de más formátumban (például nyomtatható oldalak, fordítás, tükör, RSS vagy Atom feed), . archívum azt jelzi, hogy a hivatkozott dokumentum történelmi jelentőségű. A hivatkozás iratok, dokumentumok és egyéb anyagok gyűjteményére mutathat. szerző linkje a dokumentum szerzőjét bemutató oldalra vagy a szerző elérhetőségeit tartalmazó oldalra. könyvjelző Hivatkozás a cikk legközelebbi ősére, amely a hivatkozás, vagy a cikk azon szakaszára, amely a legszorosabban kapcsolódik az elemhez, ha nincs őse. A külső kifejezés arra utal, hogy a hivatkozott oldal nem része ennek az oldalnak. először a dokumentumsorozat első dokumentumára mutató hivatkozást ad meg. súgó hivatkozás egy súgódokumentumra. Az ikon az aktuális dokumentumhoz használandó ikon elérési útját adja meg. last megadja a hivatkozást a dokumentumsorozat utolsó dokumentumára. licenc A dokumentum szerzői jogi információira mutató hivatkozás. A következő azt jelzi, hogy ez a dokumentum egy sorozat része, és a hivatkozás a sorozat következő dokumentumára mutat. A nofollow azt jelzi, hogy a linket az oldal szerzője nem hagyta jóvá, vagy a link kereskedelmi jellegű. A noreferrer meghatározza, hogy a kérelem forrás URL-jét tartalmazó ügyfélkérelem fejléce nem adható át a hivatkozás követésekor. A pingback a pingback szerver címét adja meg, amely lehetővé teszi a blog számára, hogy automatikusan értesítse a rá hivatkozó webhelyeket. A prefetch azt határozza meg, hogy a hivatkozott fájlt előzetesen gyorsítótárba kell helyezni. előző azt jelzi, hogy ez a dokumentum egy sorozat része, és a hivatkozás a sorozat előző dokumentumára mutat. A keresés azt jelzi, hogy a hivatkozott dokumentum keresési felületet és kapcsolódó forrásokat tartalmaz. oldalsáv azt jelzi, hogy a hivatkozott dokumentum, ha lehetséges, egy további böngészőkontextusban is megjelenik, és egyes böngészők a hiperhivatkozásra kattintva egy ablakot nyitnak meg, ahol a hivatkozást hozzáadják a könyvjelzősávhoz. A stíluslap hivatkozás egy külső fájlra, amely a dokumentum stíluslapjaként lesz használva. címke azt jelzi, hogy a címke, amelyhez a hiperhivatkozás vezet, ehhez a dokumentumhoz tartozik. up jelzi, hogy az oldal egy hierarchikus struktúra része, és a hiperhivatkozás a struktúra magasabb szintű erőforrásához vezet. |
| méretek | Meghatározza a vizuális megjelenítéshez szükséges ikonok méretét. A méretek attribútum csak a rel="icon" attribútummal együtt használatos, és a következő értékeket veheti fel: szélességek magassága - megadja a méretek listáját szóközökkel elválasztva, minden méretnek formátumban kell lennie - szélességek magassága (az ikonok mérete pixelben van megadva), például: ; tetszőleges - az ikon bármilyen méretre méretezhető. |
| cím | Megadja a hivatkozás címét vagy az alternatív stíluslapok halmazának nevét. Az attribútum értéke szöveg. |
| típus | Megadja a csatolt dokumentum MIME típusát. Ebben az esetben a "text/css" értéket veszi fel. |