Perusteet HTML korotuksen (olennainen) teksti-

Oppaan tarkoituksena on havainnollistaa lukijalle syntaksi HTML markup language olisi suositeltavaa hyvä web-kirjailija, tiedät perussäännöt: tekstin Webissä, itse asiassa muuttuu hypertekstin vain kiitos taikavoimat merkin HTML-up on, meidän on muistettava, perusrakenne jokaisen sivun.

Edellisellä oppitunnilla puhuimme linjaus, fontin valinta jne.. Katsotaanpa nyt, hyvin käytännöllinen tapa, miten tärkeää on tekstimuodossa sen online-julkaisun.

Me jättää täällä rakenteen analyysi Web-sivun (kiinnostuneille suggersico lukea täältä ) ja saada suoraan muotoilun tekstimme.

Otsikot

Otsikko sivusto on sisältöä, ja header tunnisteita <title> ja </ title>, sisällä header tags (H1, H2, H3, ..., h6).
Otsikko itse normaalisti, on merkitty <h1> ja </ h1>. Esimerkki:

 



 <h1> Tämä on otsikko </ h1>

 

Alaotsikon on sisällä <h2> ja </ h2>. Esimerkki:

 



 <h2> Tämä alaotsake </ h2>

 

Kaikki muut nimet (hierarkkisesti niiden alle) määritellään samalla tavalla käyttäen H3, H4, H5 ja H6 (suurempi numero seuraava "h" vähentää merkitys otsikko).

Edellä

Normaalisti tekstiä HTML-sivu sisälsi välillä tunnisteet ja </ p>, joka vastaavasti avata ja sulkea tekstikappale. Esimerkki:

 



 <p>







 Oma teksti tähän ... ...







 </ P>

 

Hallitse linjaus

Jotta vaaka-asemointi tekstin kohtaan sinun tulee käyttää tyylisivuja (CSS) avulla text-align ominaisuus.
Omaisuus hyväksyy neljään arvoon:

• vasemmalle (vasen perusteltua; oletus)
• oikealle (tasattu oikealle)
• keskus (keskus mukauttaminen)
• perustella (kohdista perusteltu)

Tässä esimerkki:

 



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







 ... Esimerkki keskitettyä tekstiä ...







 </ P>

 

Lihavoitu, kursivoitu ja alleviivattu

Nämä kolme osa-teksti onnistuu, kunnioittama <b> tageja (lihavoitu), <i> (kursivoitu) ja <u> (alleviivattu). Esimerkki:

 <b> Teso lihavoitu </ b>







 <i> Teso kursivoitu </ i>







 <u> Teso alleviivattu </ u>

Syytä huomata, että tunniste on vastaava lihavoituna <strong> Tags:

 



 <strong> Teso rohkea </ strong>

 

ja kursiivikoodi in <em>:

 



 <em> Teso kursiivilla </ em>

 

Lisää linkkejä

Hyperlinkki (tai, yleisemmin, linkkejä) voidaan asettaa kautta <a> ja sen href attribuuttia. Vedaimo esimerkki:

 



 <a href="http://www.sito.com/mario.html"> Mario Mene sivulle </ a>

 

Kuten näette href attribuuttia on määritetty web osoitteen kohdesivun joka avautuu kun napsautat linkitettyä tekstiä.
Ilmeisesti nlla kieltää sekä liittää kuvan tekstin sijaan (kuten esimerkissä).

Lisää kuva

Voit lisätä kuvan on tietenkin välttämätöntä, että tämä on käytettävissä verkossa, joka ylläpitää omaa URL.
Voit lisätä kuvan käytetään <img> tähän:

 



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

 

Kuten näette src ominaisuus sisältää viittauksen sijainnin imagoamme.

Ilmeisesti tiedot on esitetty tässä oppitunnin ovat hyvin yksinkertaisia ​​osittainen ja edustavat minimiin. Ja "vain perusteelliset tiedot HTML ja CSS pystymme alustaa meidän sisältöä todella tarkkoja ja täydellisiä.

• <<Edellinen Oppitunti
• Ohjehakemisto
• Seuraava oppitunti>>