limbajul html

LIMBAJUL HTMLLIMBAJUL HTML


HTML este prescurtarea de la HTML este prescurtarea de la Hypertext Hypertext Markup LanguageMarkup Language

Este un limbaj destinat codificării Este un limbaj destinat codificării informaţiei conţinute în milioanele de informaţiei conţinute în milioanele de calculatoare interconectatecalculatoare interconectate


Pagina web este formată din:Pagina web este formată din: TitluriTitluri ParagrafeParagrafe TabeleTabele ListeListe Imagini etc.Imagini etc.


Marcajele HTML definesc şi descriu Marcajele HTML definesc şi descriu elementele care compun pagina webelementele care compun pagina web

Marcajele HTML apar şi sub numele de Marcajele HTML apar şi sub numele de taguri taguri


Un marcaj HTML constă dintr-un şir de Un marcaj HTML constă dintr-un şir de caractere cuprins între caractere cuprins între < >< >

ExempluExemplu: :

<H1>Titlu</H1><H1>Titlu</H1>


Un fiUn fişier HTML conţine două secţiuni:şier HTML conţine două secţiuni:

HEADHEAD BODYBODY

LIMBAJUL HTMLLIMBAJUL HTML Exemplu:Exemplu:

<html><html> <head><head> <TITLE>Pagina Web</TITLE><TITLE>Pagina Web</TITLE> </head></head> <body><body> <h1>Limbajul HTML</h1><h1>Limbajul HTML</h1> <p><p> Bine ati venit la ora de info!Bine ati venit la ora de info! </p></p> </body></body> </html></html>

LIMBAJUL HTMLLIMBAJUL HTMLMarcaje pentru formatarea textuluiMarcaje pentru formatarea textului

<BR> - trecere forţată la linie nouă<BR> - trecere forţată la linie nouă

<NOBR> - interzice trecerea la linie nouă<NOBR> - interzice trecerea la linie nouă

<P> - delimitarea paragrafelor<P> - delimitarea paragrafelor

Exemplu:Exemplu:<P> ALIGN=CENTER> Contactati-ne la <NOBR> 0745…<P> ALIGN=CENTER> Contactati-ne la <NOBR> 0745…</NOBR></NOBR></P></P>

<B> - bold<B> - bold<I> - italic<I> - italic<U> - sublinierea textului<U> - sublinierea textului<SUP> - exponent<SUP> - exponent<SUB> - indice<SUB> - indice<FONT SIZE=“n”> - scrierea textului cu mărimea n<FONT SIZE=“n”> - scrierea textului cu mărimea n<FONT FACE=“…”> - schimbarea fontului curent<FONT FACE=“…”> - schimbarea fontului curent

Exemplu:Exemplu:<FONT FACE=“Arial”> Vine toamna<FONT FACE=“Arial”> Vine toamna</FONT></FONT>



Marcaje pentru modificarea culorilorMarcaje pentru modificarea culorilor

<BODY TEXT=“#rrggbb”> - schimbă culoarea textului <BODY TEXT=“#rrggbb”> - schimbă culoarea textului pentru toată paginapentru toată pagina

<BODY BGCOLOR=“#rrggbb”> - schimbă culoarea <BODY BGCOLOR=“#rrggbb”> - schimbă culoarea fondului pentru toată paginafondului pentru toată pagina

<FONT COLOR=“#rrggbb> - schimbă culoarea textului <FONT COLOR=“#rrggbb> - schimbă culoarea textului dintre marcajedintre marcaje

1.1. Inserarea imaginilorInserarea imaginilor

2.2. Încadrarea unei imaginiÎncadrarea unei imagini

3.3. Gestionarea afişării imaginilorGestionarea afişării imaginilor

4.4. Poziţionarea unei imagini în raport cu textulPoziţionarea unei imagini în raport cu textul

5.5. Dispunerea unei imagini ca şi imagine de Dispunerea unei imagini ca şi imagine de fundalfundal

6.6. Aplicaţii pentru prelucrarea imaginilorAplicaţii pentru prelucrarea imaginilor


LIMBAJUL HTMLLIMBAJUL HTML1. 1. Inserarea imaginilorInserarea imaginilor

<IMG><IMG>

Exemplu:Exemplu:

<HTML><HTML>

<HEAD><HEAD>

<TITLE>Imagini</TITLE><TITLE>Imagini</TITLE>

</HEAD></HEAD>

<BODY><BODY>

<H2>Imagine din computer</H2><H2>Imagine din computer</H2>

<IMG SRC=“../Pictures/Blue hills.jpg”> Dealuri albastre<IMG SRC=“../Pictures/Blue hills.jpg”> Dealuri albastre

</BODY></BODY>

</HTML></HTML>

BORDER=n, BORDER=n, n fiind n fiind lăţimea cadrului, în pixelilăţimea cadrului, în pixeli

<HTML><HTML>

<HEAD><HEAD>

<TITLE>Imagini</TITLE><TITLE>Imagini</TITLE>

</HEAD></HEAD>

<BODY><BODY>

<H2>Imagine din computer</H2><H2>Imagine din computer</H2>

<IMG SRC=“Blue hills.jpg”<IMG SRC=“Blue hills.jpg”BORDERBORDER=3> Dealuri albastre=3> Dealuri albastre

</BODY></BODY>

</HTML></HTML>

LIMBAJUL HTMLLIMBAJUL HTML 2.2.Încadrarea unei imaginiÎncadrarea unei imagini

<IMG SRC=“Blue hills.jpg” ALT=“Dealuri <IMG SRC=“Blue hills.jpg” ALT=“Dealuri albastre”>albastre”>

LIMBAJUL HTMLLIMBAJUL HTML 3. 3. Gestionarea afişării imaginilorGestionarea afişării imaginilor

LEFT CENTER RIGHT LEFT CENTER RIGHT

<HTML><HTML><HEAD><HEAD><TITLE><TITLE>CuprinsCuprins</TITLE></TITLE></HEAD></HEAD><BODY><BODY><p ALIGN=CENTER><IMG SRC=“images.jpg”></P<p ALIGN=CENTER><IMG SRC=“images.jpg”></P<<H2>Descoperiri stiintificeH2>Descoperiri stiintifice</H2></H2> Earth's Core (1906)Earth's Core (1906)

Seismolog Richard Oldham stabileşte că undele cutremur a vă deplasa prin partea centrală a Seismolog Richard Oldham stabileşte că undele cutremur a vă deplasa prin partea centrală a Pământului mult mai lent decât prin mantaua în jurul acestuia. El a surmises ca Pamantul are Pământului mult mai lent decât prin mantaua în jurul acestuia. El a surmises ca Pamantul are un nucleu format din lichid. un nucleu format din lichid.

</BODY></BODY></HTML></HTML>

LIMBAJUL HTMLLIMBAJUL HTML 4. 4. Poziţionarea unei imagini în raport cu Poziţionarea unei imagini în raport cu

textultextul

<BODY BACKGROUND=“blue hills.jpg”><BODY BACKGROUND=“blue hills.jpg”>

LIMBAJUL HTMLLIMBAJUL HTML5. 5. Dispunerea unei imagini ca şi imagine Dispunerea unei imagini ca şi imagine

de fundalde fundal

TabeleTabele

Marcaje pentru definirea legăturilor Pentru includerea unei referinţe se va folosi marcajul <a> (anchor).

Exemplu:

<html><head><body><h1>Sarbatori de iarna</h1><a href=“craciun.html">Craciun 2011</a><br><a href="http://sarbatori-pe.net/">Site_sarbatori</a><br><a href=http://www.snowtrex.ro/><img src=“om_zapada.jpg”></a></body></html>

Marcaje pentru definirea legăturilor

limbajul html

Documents