HTML tanulás 4. rész: Hogyan lehet címet (címsort) készíteni HTML-ben

Ezúttal elmagyarázom, hogyankészítsen címsort HTML-ben. HTML dokumentum létrehozásakor ajánlott fejlécek hozzáadása a dokumentumhoz. A címsor olyan kifejezések vagy szavak gyűjteménye, amelyek címmé vagy feliratmá válnak egy HTML dokumentumban.

A cím megszerzése minden bizonnyal nagyon szükségesáttekintést ad a HTML-dokumentumban szereplő diskurzusról vagy cikkről. A fejlécek nem olyan címek (HTML-dokumentumok címei), amelyek HTML-címként jelennek meg a címsorban, hanem a fejlécek a dokumentum tartalmában diskurzus vagy szöveg címeként jelennek meg.

A HTML 6 szintű, különböző méretű címsort biztosít. A címsor használata a címkével kezdődik <Hx> és vége egy címkével </ Hx> ahol x a címsor száma 1-6, aholminél nagyobb az x értéke, annál kisebb a fejléc mérete. Minél azonban kisebb az x értéke, annál nagyobb a cím fontossági szintje, más szóval a h1 fontosabb pozícióval rendelkezik, mint a h6 stb.

Nos, a címsoron a kísérő attribútum van ALIGN amely lehetővé teszi a címsorok sík, bal vagy közép megjelenítését. Az alábbiakban bemutatjuk az attribútumok értékét ALIGN a rovatban:

érték	függvény
bal	A fejléc balra igazítása
jobb	A fejléc jobbra igazítása
központ	A fejléc közepéhez igazítása

További részletek, itt található a címsorok kódja:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Headings Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<h2 align="left"> Heading 2</h2>
<h3 align="left"> Heading 3</h3>
<h4 align="left"> Heading 4</h4>
<h5 align="left"> Heading 5</h5>
<h6 align="left"> Heading 6</h6>
</body>
</html>

A fenti HTML-kód futtatása után az eredmények a következő képen fognak megjelenni:

A fenti kép egyértelműen megmutatja az egyes fejlécszintek méretbeli különbségét 1-6-tól, majd emlékezni kell az attribútumok használatára. align a fejlécet a HTML5 nem támogatja, mert a CSS használatával váltotta fel. Az alábbiakban bemutatjuk az alapértelmezett értékeket a h1-től h6-ig a CSS-ben, amelyeket általában a böngésző jelenít meg:

H1	H2	H3
kijelző: blokk; betűméret: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;	kijelző: blokk; betűméret: 1,5em; margin-top: 0.83em; margin-bottom: 0.83em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;	kijelző: blokk; betűméret: 1,17em; margin-top: 1em; margó alja: 1em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;

H4	H5	H6
kijelző: blokk; betűméret: 1em; margin-top: 1,33em; margin-bottom: 1,33em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;	kijelző: blokk; betűméret: .83em; margin-top: 1,67em; margin-bottom: 1,67em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;	kijelző: blokk; betűméret: .67em; margin-top: 2,33 em; margó alja: 2,33 em; margó-bal: 0; jobb margó: 0; betűsúly: félkövér;

Vízszintes elválasztó vonal (címke <hr>)

Ezután a <hr> címke használata. A <hr> címkével vízszintes elválasztó vonalakat hozhat létre a HTML dokumentumokban. A <hr> címke alapértelmezés szerint sorokat hoz létre a böngészőablak mentén. A <hr> címkében több attribútum is található, nevezetesen:

attribútum	függvény
align	Az igazítási vonalakhoz, legyen az lapos, középső vagy jobb
méret	Állítsa be a vonal vastagságát a pixelértékre
NOSHADE	3D-s árnyék nélküli vonalakat jelenít meg
szín	Adjon színt a vonalaknak
szélesség	Állítsa be a vonal szélességét pixel vagy százalékos értékekkel

A következő példa a <hr> címke használatára:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Pemisah Horizontal Di HTML</title>
</head>
<body>
<h1 align="left"> Heading 1</h1>
<hr color="green" width="20%" size=3 align="left" >
<h4 align="left"> Heading 4</h4>
</body>
</html>

Akkor az eredmények a következőképpen néznek ki, miután megjelentek a böngészőben:

hogyan lehet fejléceket készíteni HTML-ben

A <hr> címke szélességének beállításában megtehetiképpont vagy százalék (%) használatával. A fenti példában a% (%) értéket használom, más szóval a szélesség a böngészőablak szélességének 20% -a. Tehát, ha 100% -ra teszi, akkor a <hr> címke olyan széles lesz, mint a böngésző ablaka.

Ezután a <hr> címke attribútumai a következőkA fentiekben említett HTML5 nem támogatja a funkciót, mert funkcióját CSS váltotta fel. Ugyancsak a HTML 4.01-ben a <hr> címkét vízszintes vonalként definiálják, de a HTML5-ben tematikus törésként definiálják, például a diskurzus témájának megváltoztatása, a történet változása és így tovább.

A következő cikkben találkozhatnéhány olyan HTML-címkével, amelyet a HTML5 nem támogat. Ennek ellenére is elmagyarázom, hogy tudjon ezeknek a címkéknek a funkciójáról. Ezután megtanuljuk, hogyan lehet bekezdéseket készíteni HTML-ben.

</ P>

Tovább: