Læring af HTML-del 4: Sådan oprettes en titel (overskrift) i HTML
Denne gang vil jeg forklare hvordanlav overskrifter i HTML. Når du opretter et HTML-dokument, anbefales det, at du tilføjer overskrifter til dokumentet. Overskrift er en samling sætninger eller ord, der bliver en titel eller undertekst i et HTML-dokument.
Det er bestemt meget nødvendigt at give en titelgive et overblik over diskursen eller artiklen i HTML-dokumentet. Overskrifter er ikke titler (titler i et HTML-dokument), der vises som HTML-dokumenttitler i titellinjen, men overskrifter vises i dokumentets indhold som titlen på en diskurs eller tekst.
HTML giver 6 niveau overskrifter i forskellige størrelser. Brug af overskriftsmærket starter med tagget <Hx> og afsluttes med et tag </ Hx> hvor x er overskriften niveau nummer fra 1 til 6 hvorjo større værdien af x er, jo mindre er størrelsen på overskriften. Jo mindre værdien af x er, desto højere er betydningen af en titel med andre ord h1 en mere vigtig position end h6 og så videre.
Nå, på overskriften er den ledsagende attribut ALIGN som gør det muligt at vise overskrifter fladt, venstre eller midt på. Følgende er tabellen over attributværdier ALIGN i overskriften:
| værdi | funktion |
| Venstre | For at justere overskriften til venstre |
| højre | For at justere overskriften til højre |
| center | For at justere overskriften mod midten |
For flere detaljer, her er koden til brug af overskrifter:
<!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>Når du har kørt HTML-koden ovenfor, ser resultaterne ud som nedenstående billede:
Billedet ovenfor viser tydeligt forskellen i størrelse på hvert overskriftniveau fra 1-6. Derefter skal man huske brugen af attributter align overskriften understøttes ikke af HTML5, fordi den er erstattet med brugen af CSS. Følgende nedenfor er standardværdierne fra h1 til h6 i CSS, der generelt vises af browseren:
| H1 | H2 | H3 |
| display: blokering; skriftstørrelse: 2em; margin-top: 0,67 em; margin-bund: 0,67 em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
display: blokering; skriftstørrelse: 1,5 em; margin-top: 0,83em; margin-bund: 0,83em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
display: blokering; skriftstørrelse: 1.17em; margin-top: 1em; margin-bund: 1em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
| H4 | H5 | H6 |
| display: blokering; skriftstørrelse: 1em; margin-top: 1.33em; margin-bund: 1,33em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
display: blokering; skriftstørrelse: .83em; margin-top: 1,67 em; margin-bund: 1,67 em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
display: blokering; skriftstørrelse: .67em; margin-top: 2.33em; margin-bund: 2.33em; margin-left: 0; margin-højre: 0; font-vægt: fed; |
Horisontal skillelinje (tag <hr>)
Dernæst er brugen af <hr> -tagget. Du kan bruge <hr> -tagget til at oprette vandrette skillelinjer i HTML-dokumenter. <hr> -tagget skaber som standard linjer langs browservinduet. I <hr> -tagget er der også flere attributter, nemlig:
| attribut | funktion |
| align | Til justeringslinjer, uanset om de er flade, midterste eller højre |
| størrelse | Indstil tykkelsen på linjen til pixelværdien |
| NOSHADE | Viser linjer uden 3D-skygger |
| farve | Giv farver til linjerne |
| bredde | Indstil linjebredden med pixel- eller procentværdier |
Følgende er et eksempel på brug af <hr> -tagget:
<!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>Så ser resultaterne ud nedenfor, når de er vist i browseren:
I breddeindstillingen af <hr> -tagget kan duved hjælp af px eller procent (%). I eksemplet ovenfor bruger jeg procent (%) med andre ord bredden er 20% af bredden på browservinduet. Så hvis du gør det 100%, vil <hr> -tagget være så bredt som dit browservindue.
Derefter er attributterne i <hr> -taggetnævnt ovenfor understøttes ikke af HTML5, fordi dens funktion er erstattet med brug af CSS. Også i HTML 4.01 defineres <hr> -tagget som en vandret linje, men i HTML5 er det defineret som et tematisk brud, såsom en ændring i diskursemnet, ændringer i historielinjen og så videre.
I den næste artikel møder du måskemed nogle HTML-tags, der ikke understøttes af HTML5. Alligevel vil jeg stadig forklare det, så du ved om funktionen af disse tags. Derefter lærer vi, hvordan man fremstiller afsnit i HTML.
