Grundlæggende om HTML mark-up (essentielle) i teksten

Formålet med denne vejledning er at illustrere for læseren syntaksen af HTML-markup sprog ville være tilrådeligt for god web-forfatter, du kender de grundlæggende regler: Teksten på nettet, i virkeligheden bliver til hypertekst kun takket være den magiske kræfter af mærket HTML-up er, må vi huske på, den grundlæggende struktur i hver enkelt webside.

I forrige lektion talte vi om justering, valg af skrifttype mv. Lad os se nu, i en meget praktisk måde, hvordan man kan gøre en afgørende af en tekst formatet for sin online-offentliggørelse.

Vi udelader her en analyse af strukturen af en webside (for dem er interesseret i suggersico læses her ) og gå lige til formateringen af vores tekst.

Titler

Titlen på en hjemmeside er indhold, og header tags inden <title> og </ title>, inden for header tags (h1, h2, h3, ..., H6).
Titlen i sig selv, normalt er præget af <h1> og </ h1>. Eksempel:

 



 <h1> Dette er titlen </ h1>

 

Den sub-titel er indeholdt i <h2> og </ h2>. Eksempel:

 



 <h2> Dette er den sub-overskrift </ h2>

 

Alle andre titler (hierarkisk under dem) vil blive defineret på samme måde ved hjælp af H3, H4, H5 og H6 (jo højere tal efter "h" reducerer betydningen af ​​titlen).

Stk

Normalt er teksten i et HTML-side indeholdt mellem tags og <p> </ p>, som henholdsvis åbne og lukke et afsnit af teksten. Eksempel:

 



 <p>







 Min tekst her ... ...







 </ P>

 

Administrer justeringen

For at gøre den vandrette justering af tekst i et afsnit du skal bruge style sheets (CSS) gennem tekst-align ejendom.
Den pågældende ejendom accepterer fire værdier:

• venstre (venstre berettiget; standard)
• højre (højrestillet)
• center (center justering)
• retfærdiggøre (justere berettiget)

Her er et eksempel:

 



 <p style="text-align:center">







 ... Eksempel på centreret tekst ...







 </ P>

 

Fed, kursiv og understreget

Disse tre aspekter af teksten forvalter, respekteret af <b> tags (fed), <i> (kursiv) og <u> (understreget). Eksempel:

 <b> Teso fed </ b>







 <i> Teso kursiv </ i>







 <u> Teso understreget </ u>

Værd at bemærke, at tag har en tilsvarende med fed skrift <strong> tags:

 



 <strong> Teso fed </ strong>

 

og kursiv tags i <em>:

 



 <em> Teso i kursiv </ em>

 

Tilføj weblink

Et hyperlink (eller, mere almindeligt, links) kan indsættes gennem <a> og dens href attribut. Vedaimo et eksempel:

 



 <a href="http://www.sito.com/mario.html"> Mario Gå til side </ a>

 

Som du kan se i href-attribut er angivet i web-adressen på den destination side, der åbnes, når du klikker på den sammenkædede tekst.
Naturligvis nlla forbyder både være knyttet til et billede i stedet for tekst (som i vores eksempel).

Indsæt billede

At indsætte et billede er naturligvis nødvendigt, at dette være tilgængelige online, der har sin egen webadresse.
At indsætte et billede bliver brugt til at <img> dette:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

Som du kan se src attribut indeholder en henvisning til placeringen af vores image.

Er klart, at oplysningerne i denne lektion er meget enkle partielle og repræsenterer det absolutte minimum. Og 'kun gennem et indgående kendskab til HTML og CSS, at vi vil være i stand til at formatere vores indhold i en virkelig korrekte og fyldestgørende.

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>