Conceptes bàsics d'HTML mark-up (essencial) del text

El propòsit d'aquesta guia és mostrar al lector la sintaxi del llenguatge de marcat HTML seria convenient per al bé de la web escriptor, que coneix les regles bàsiques: el text en la web, de fet, es converteix en hipertext només gràcies als poders màgics de la marca HTML-up és, hem de recordar, l'estructura bàsica de cada pàgina web.

En la lliçó anterior parlem sobre l'alineació, la selecció de fonts, etc. Anem a veure ara, d'una manera molt pràctica, com fer que una part vital d'un format de text per a la seva publicació en línia.

Ometem aquí l'anàlisi de l'estructura d'una pàgina web (per als interessats en suggersico llegir aquí ) i arribar directament al format del nostre text.

Títols

El títol d'un lloc web és el contingut i les etiquetes de capçalera a <title> i </ title>, dins de les etiquetes de capçalera (h1, h2, h3, ..., h6).
El títol en si mateix, en general, es caracteritza per <h1> i </ h1>. Exemple:

 



 <h1> Aquest és el títol </ h1>

 

El subtítol està continguda dins de <h2> i </ h2>. Exemple:

 



 <h2> Aquest és el subtítol </ h2>

 

Qualsevol altre títol (jeràrquicament per sota d'ells) es definirà de la mateixa manera amb h3, h4, h5 i h6 (com més gran sigui el nombre que segueix la "h" disminueix la importància del títol).

Paràgrafs

Normalment, el text en una pàgina HTML es troba entre les etiquetes i </ p>, que, respectivament, obren i tanquen un paràgraf de text. Exemple:

 



 <p>







 El meu text aquí ... ...







 </ P>

 

Gestionar l'alineació

Per fer l'alineació horitzontal del text d'un paràgraf ha d'utilitzar els fulls d'estil (CSS) a través de la propietat text-align.
La propietat en qüestió accepta quatre valors:

• a l'esquerra (justificat a l'esquerra, per defecte)
• a la dreta (alineat a la dreta)
• centre (centre de l'alineació)
• justificar (alineació justificada)

Heus aquí un exemple:

 



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







 ... Exemple de text centrat ...







 </ P>

 

Negreta, cursiva i subratllat

Aquests tres aspectes del text aconsegueix, respectat per les etiquetes <b> (en negreta), <i> (cursiva) i <u> (subratllat). Exemple:

 <b> Teso negreta </ ​​b>







 <i> Teso cursiva </ i>







 <u> Teso subratllat </ u>

Cal assenyalar que l'etiqueta té un equivalent en les etiquetes <strong> negreta:

 



 <strong> Teso negreta </ ​​strong>

 

i les etiquetes de cursiva a <em>:

 



 <em> Teso en cursiva </ em>

 

Afegeix un enllaç

Un hipervincle (o, més comunament, els enllaços) es poden inserir a través de la <a> i el seu atribut href. Vedaimo un exemple:

 



 <a href="http://www.sito.com/mario.html"> Mario Anar a la pàgina </ a>

 

Com es pot veure en l'atribut href s'especifica a l'adreça web de la pàgina de destinació que s'obre en fer clic a l'enllaç de text.
Òbviament nlla prohibeix tant estar vinculada a una imatge en lloc de text (com en el nostre exemple).

Inserir imatge

Per inserir una imatge és, per descomptat, cal que aquesta estigui disponible en línia que manté la seva pròpia URL.
Per inserir una imatge s'utilitza per <img> això:

 



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

 

Com es pot veure l'atribut src conté una referència a la ubicació de la nostra imatge.

És evident que la informació continguda en aquesta lliçó és molt simple i parcial representen el mínim necessari. I "només a través d'un profund coneixement d'HTML i CSS que serem capaços de donar format als nostres continguts d'una forma realment correcta i completa.

• <<Lliçó anterior
• Índex de l'ajuda
• Lliçó següent>>