Introducere în HTML mark-up (de bază) textul

Scopul acestui ghid este de a ilustra cititorului sintaxa limbajul de marcare HTML ar fi recomandabil pentru binele web-scriitor, stii regulile de bază: textul de pe Web, de fapt, se transformă în hipertext numai datorită puterilor magice ale mărcii HTML-up este, trebuie să ne amintim, structura de bază a fiecărei pagini web.

In lecţia anterioară am vorbit despre aliniere, font de selecţie, etc. Sa vedem acum, într-o. Foarte practic, ca fiind esenţiale pentru a face o formatare a unui text pentru publicare on-line

Am omite aici analiza a structurii unei pagini web (pentru cei interesaţi să suggersico citi aici ), şi ajunge direct la formatarea textului nostru.

Titlurile

Titlul unei pagini web este conţinută în antetul, precum şi <title> şi </ title> în interiorul tag-uri antet (H1, H2, H3, ..., H6).
Titlul în sine, în mod normal, este marcată de <h1> şi </ h1>. Exemplu:

 



 <h1> Acesta este titlul </ h1>

 

Titlul sub-este conţinută într-<h2> şi </ h2>. Exemplu:

 



 <h2> Acesta este titlul sub-</ h2>

 

Orice alte titluri (ierarhic, sub ele) vor fi definite în acelaşi fel folosind H3, H4, H5 şi H6 (cel mai mare la următorul număr de "h" diminuează importanţa titlu).

Punctele

În mod normal, textul în cadrul unei pagini HTML este cuprinsă între tag-urile şi </ p> care se deschid şi, respectiv, aproape de un paragraf de text. Exemplu:

 



 <p>







 Textul meu ... aici ...







 </ P>

 

Administreaza alinierea

Pentru a face alinierea orizontală a textului într-un paragraf trebuie să utilizaţi foi de stil (CSS) prin text-align proprietate.
Proprietatea în cauză recunoaşte patru valori:

• la stânga (aliniat la stânga; valoarea implicită)
• dreapta (aliniere dreapta)
• centru (centru de aliniere)
• justifica (o justificare completă)

Iată un exemplu:

 



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







 ... Exemplu de text centrat ...







 </ P>

 

Bold, italic şi subliniat

Aceste trei aspecte ale textului gestionează, respectat de tag-uri <b> (bold), <i> (italic) şi <u> (subliniat). Exemplu:

 <b> Teso bold </ b>







 <i> Teso în italice </ i>







 <u> Teso a subliniat </ u>

În special etichetele aldine în tag-ul are un echivalent <strong>:

 



 <strong> Teso bold </ strong>

 

tag-uri şi cursiv în <em>:

 



 <em> Teso în caractere cursive </ em>

 

Inserarea unui link

Un hyperlink (sau, mai frecvent, link-uri) poate fi introdus prin tag-ul <A> şi atributul href. Vedaimo un exemplu:

 



 Du-te la pagina <a href="http://www.sito.com/mario.html"> Mario </ a>

 

După cum puteţi vedea în atributul href este specificat în adresa web a paginii de destinaţie care se deschide atunci când faceţi clic pe textul legat.
Evident nlla interzice atât să fie legată de o imagine mai degrabă decât de text (ca în exemplul nostru).

Inserarea unei imagini

Pentru a insera o imagine este, desigur, necesar în cazul în care este disponibil online care îşi menţine propriul ei URL.
Pentru a insera o imagine este utilizat pentru a <img> ca aceasta:

 



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

 

După cum puteţi vedea atributul src conţine o trimitere la calea imaginii noastre.

Evident, informaţiile furnizate în această lecţie simplă este foarte parţială şi reprezintă minimul necesar. Şi "numai printr-o cunoaştere aprofundată a HTML si CSS că vom fi capabili sa format noastră de conţinut într-un adevărat corecte şi complete.

• <<Lecţia anterioară
• Ajutor Index
• Înainte Lecţia>>