Introduktion till HTML-pålägg (grundläggande) text

Syftet med denna guide är att illustrera för läsaren syntaxen i Markup Language HTML-det vore lämpligt för den goda webb-författare, du vet de grundläggande reglerna: texten på webben, i själva verket visar det i hypertext bara tack vare den magiska krafter av märket HTML-up, dvs man bör komma ihåg, den grundläggande strukturen i varje webbsida.

I den förra lektionen pratade vi om anpassning, val av typsnitt, osv. Få se nu, på ett mycket praktiskt, som väsentliga för att göra en formatering av en text för publicering på nätet.

Vi utelämnar här analys av strukturen av en webbsida (för dem som är intresserade suggersico att läsa här ) och gå direkt till vår textformatering.

Titlarna

Titeln på en webbsida finns i sidhuvudet samt <title> och </ title> inne i header taggar (h1, h2, h3, ..., H6).
Titeln i sig, normalt präglas av <h1> och </ h1>. Exempel:

 



 <h1> Detta är titeln </ h1>

 

Den underrubrik finns i <h2> och </ h2>. Exempel:

 



 <h2> Detta är den underrubrik </ h2>

 

Alla andra titlar (hierarkiskt under dem) kommer att fastställas på samma sätt med hjälp av H3, H4, H5 och H6 (ju högre siffra efter "h" minskar betydelsen av titeln).

Punkterna

Normalt är texten i en HTML-sida som finns mellan taggarna och </ p> som respektive öppna och stänga ett stycke text. Exempel:

 



 <p>







 ... Min text här ...







 </ P>

 

Hantera anpassning

För att göra den vågräta justeringen av text i ett stycke du behöver använda Style Sheets (CSS) genom text-align egendom.
Fastigheten i fråga medger fyra värden:

• vänster (vänsterjusterade, standardvärde)
• höger (högerjustering)
• centrum (mittjustering)
• motivera (fullständig motivering)

Här är ett exempel:

 



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







 ... Exempel på centrerad text ...







 </ P>

 

Fet, kursiv och understruken

Dessa tre aspekter av texten förvaltar, respekteras av <b> taggar (fet stil), <i> (kursiv) och <u> (understruket). Exempel:

 <b> Teso fet </ b>







 <i> Teso i kursiv </ i>







 <u> Teso understrukna </ u>

Särskilt djärva taggar i taggen har en motsvarande <strong>:

 



 <strong> Teso fet </ strong>

 

och kursiv taggarna i <em>:

 



 <em> Teso i kursiv stil </ em>

 

Sätt in en länk

En hyperlänk (eller, mer allmänt, länkar) kan sättas in genom <a> taggen och dess href-attribut. Vedaimo ett exempel:

 



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

 

Som du kan se i href-attribut anges i webbadressen till destinationen sidan som öppnas när du klickar på den länkade texten.
Uppenbarligen nlla förbjuder både vara kopplad till en bild i stället för text (som i vårt exempel).

Infoga en bild

Om du vill infoga en bild är naturligtvis nödvändigt om den är tillgänglig online som har sin egen webbadress.
Om du vill infoga en bild används för att <img> så här:

 



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

 

Som du kan se attributet src innehåller en referens till banan av vår image.

Uppenbarligen är den information som ges i denna enkla lektion mycket ofullständiga och representerar ett minimum. Och "endast genom en grundlig kunskap om HTML och CSS att vi kommer att kunna formatera vårt innehåll i en riktigt korrekt och fullständig.

• <<Föregående lektion
• Hjälp Index
• Nästa lektion>>