LIMBAJUL HTML
description
Transcript of LIMBAJUL HTML
LIMBAJUL HTMLLIMBAJUL 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
LIMBAJUL HTMLLIMBAJUL HTML
Pagina web este formată din:Pagina web este formată din: TitluriTitluri ParagrafeParagrafe TabeleTabele ListeListe Imagini etc.Imagini etc.
LIMBAJUL HTMLLIMBAJUL HTML
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
LIMBAJUL HTMLLIMBAJUL HTML
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>
LIMBAJUL HTMLLIMBAJUL HTML
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>
LIMBAJUL HTMLLIMBAJUL HTML
LIMBAJUL HTMLLIMBAJUL HTML
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 HTML
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