Uvod u HTML mark-up (osnovni) tekst

Svrha ovog priručnika jest prikazati čitatelju sintaksu označni jezik HTML bilo bi poželjno za dobar web-pisac, znate osnovna pravila: tekst na webu, u stvari, to se pretvara u hipertekst samo zahvaljujući magičnu ovlasti oznaka HTML-up je, moramo se sjetiti, osnovna struktura svake web stranice.

U prethodnom sat smo razgovarali o poravnanje, odabir fonta, itd.. Pogledajmo sada, u vrlo praktičan, kao bitne da bi oblikovanje teksta za objavljivanje na internetu.

Mi smo ovdje izostaviti analizu strukture web stranice (za one koji su zainteresirani za suggersico pročitajte ovdje ), i dobiti ravno do našeg oblikovanja teksta.

Naslova

Naslov web stranice je sadržana unutar zaglavlja, kao i <title> i </ title> unutar zaglavlja oznake (H1, H2, H3, ..., H6).
Sam naslov, inače, obilježava <h1> i </ h1>. Primjer:

 



 <h1> Ovo je naslov </ h1>

 

Podnaslov je sadržana unutar <h2> i </ h2>. Primjer:

 



 <h2> To je pod-naslov </ h2>

 

Bilo koji drugi naslovi (hijerarhijski ispod njih) bit će definirani na isti način pomoću H3, H4, H5 i H6 (veći broj nakon "h" umanjuje važnost naslova).

Stavci

Normalno, tekst unutar HTML stranice nalazi se između oznake i </ b> što odnosno otvaranje i zatvaranje odlomak teksta. Primjer:

 



 <p>







 ... Moj tekst ovdje ...







 </ P>

 

Upravljanje poravnanje

Da bi vodoravno poravnanje teksta unutar odlomka morate koristiti stil listova (CSS) preko text-align imovine.
Imovine u pitanje priznaje četiri vrijednosti:

• lijevo (lijevo opravdano, zadana vrijednost)
• desno (desno poravnanje)
• centar (centar poravnanje)
• opravdati (puni opravdanja)

Evo primjer:

 



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







 ... Primjer u središtu teksta ...







 </ P>

 

Podebljano, kurziv i podcrtano

Ta tri aspekta teksta upravlja, cijenjen <b> oznake (podebljano), <i> (kurziv) i <u> (podcrtavanje). Primjer:

 <b> Teso podebljano </ b>







 <i> Teso u kurzivu </ i>







 <u> Teso istaknuo </ u>

Znakovita je podebljano oznake u tag ima ekvivalent <strong>:

 



 <strong> Teso podebljano </ strong>

 

i kurziv oznake <em>:

 



 <em> Teso u kurzivu </ em>

 

Umetni vezu

Hipervezu (ili, češće, veze) mogu biti umetnuta kroz <a> oznaku i atribut href. Vedaimo primjer:

 



 Idi na stranicu <a href="http://www.sito.com/mario.html"> Mario </ a>

 

Kao što možete vidjeti u href atribut je navedena u web-adresu odredišta stranice koja se otvara kada kliknete na povezani tekst.
Očito nlla zabranjuje biti povezani slike umjesto teksta (kao u našem primjeru).

Umetanje slike

Za umetanje slika, naravno, potrebno, ako je dostupan online koji održava svoj URL.
Za umetanje slike se koristi za <img> ovako:

 



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

 

Kao što možete vidjeti src atribut sadrži referencu na putu naše slike.

Očito, informacije navedene u ovom jednostavnom sat je vrlo djelomično i predstavljaju minimum. A 'samo temeljita znanja o HTML i CSS da ćemo biti u mogućnosti oblikovati naš sadržaj u zaista točne i potpune.

• <<Prethodna Lekcija
• Pomoć Index
• Sljedeća Lekcija>>