Introduksjon til HTML mark-up (grunnleggende) tekst

Hensikten med denne veilederen er å illustrere for leseren syntaksen i kodespråket HTML det ville være tilrådelig for god web-skribent, du vet de grunnleggende reglene: teksten på nettet, faktisk forvandles den til hypertekst kun takket være den magiske krefter av merket HTML-up er, må vi huske, den grunnleggende strukturen av hver nettside.

I forrige leksjon snakket vi om justering, font valg, etc.. La oss se nå, i en veldig praktisk, så viktig å gjøre en formatering av en tekst for publisering på nettet.

Vi utelate her analysen av strukturen i en web-side (for de som er interessert suggersico å lese her ) og få rett til vår tekstformatering.

Titlene

Tittelen på en nettside er inneholdt i overskriften samt <title> og </ title> inne i header tags (h1, h2, h3, ..., H6).
Tittelen i seg selv, normalt er preget av <h1> og </ h1>. Eksempel:

 



 <h1> Dette er tittelen </ h1>

 

Den sub-tittelen er inneholdt i <h2> og </ h2>. Eksempel:

 



 <h2> Dette er sub-tittelen </ h2>

 

Eventuelle andre titler (hierarkisk under dem) vil bli definert på samme måte bruker H3, H4, H5 og H6 (jo høyere tall etter "h" reduserer betydningen av den tittelen).

Avsnitt

Normalt er teksten i en HTML-side inneholdt mellom kodene og </ p> som henholdsvis åpne og lukke et avsnitt med tekst. Eksempel:

 



 <p>







 ... Min tekst her ...







 </ P>

 

Administrere justeringen

For å gjøre den vannrette justeringen av tekst i et avsnitt du må bruke stilark (CSS) gjennom text-align eiendom.
Den aktuelle eiendommen innrømmer fire verdier:

• venstre (venstre rettferdiggjort; default verdi)
• høyre (høyre justering)
• senter (senter justering)
• rettferdiggjøre (full begrunnelse)

Her er et eksempel:

 



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







 ... Eksempel på sentrert tekst ...







 </ P>

 

Fet, kursiv og understreket

Disse tre aspektene av teksten forvalter, respektert av <b> tags (fet skrift), <i> (kursiv) og <u> (understreket). Eksempel:

 <b> Teso fet </ b>







 <i> Teso i kursiv </ i>







 <u> Teso understreket </ u>

Særlig fet kodene i koden har en tilsvarende <strong>:

 



 <strong> Teso fet </ strong>

 

og kursiv tags i <em>:

 



 <em> Teso i kursiv </ em>

 

Sett inn en lenke

En hyperkobling (eller, mer vanlig, linker) kan settes inn gjennom <a> taggen og dens href attributt. Vedaimo et eksempel:

 



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

 

Som du kan se i href-attributtet er angitt i web-adressen til destinasjonen siden som åpnes når du klikker på den koblede teksten.
Tydeligvis nlla forbyr både være knyttet til et bilde i stedet for tekst (som i vårt eksempel).

Sett inn et bilde

Slik setter du inn et bilde er selvsagt nødvendig hvis den er tilgjengelig på nettet som opprettholder sin egen URL.
For å sette inn et bilde blir brukt til å <img> som dette:

 



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

 

Som du kan se src attributt inneholder en referanse til banen for vårt bilde.

Selvfølgelig, er informasjonen gitt i dette enkle leksjon veldig delvis og representerer et minimum. Og "bare gjennom en grundig kjennskap til HTML og CSS som vi vil kunne format våre innhold i en veldig nøyaktig og fullstendig.

• <<Forrige Leksjon
• Hjelp
• Neste Leksjon>>