Download
1 / 19
950 likes | 2.34k Views
LIMBAJUL HTML. LIMBAJUL HTML. HTML este prescurtarea de la Hypertext Markup Language Este un limbaj destinat codificării informaţiei conţinute în milioanele de calculatoare interconectate. LIMBAJUL HTML. Pagina web este formată din: Titluri Paragrafe Tabele Liste Imagini etc.
E N D
LIMBAJUL HTML • HTML este prescurtarea de la Hypertext Markup Language • Este un limbaj destinat codificării informaţiei conţinute în milioanele de calculatoare interconectate
LIMBAJUL HTML Pagina web este formată din: • Titluri • Paragrafe • Tabele • Liste • Imagini etc.
LIMBAJUL HTML • Marcajele HTML definesc şi descriu elementele care compun pagina web • Marcajele HTML apar şi sub numele de taguri
LIMBAJUL HTML Un marcaj HTML constă dintr-un şir de caractere cuprins între < > Exemplu: <H1>Titlu</H1>
LIMBAJUL HTML Un fişier HTML conţine două secţiuni: • HEAD • BODY
LIMBAJUL HTML Exemplu: <html> <head> <TITLE>Pagina Web</TITLE> </head> <body> <h1>Limbajul HTML</h1> <p> Bine ati venit la ora de info! </p> </body> </html>
LIMBAJUL HTML Marcaje pentru formatarea textului <BR> - trecere forţată la linie nouă <NOBR> - interzice trecerea la linie nouă <P> - delimitarea paragrafelor Exemplu: <P> ALIGN=CENTER> Contactati-ne la <NOBR> 0745… </NOBR> </P>
LIMBAJUL HTML <B> - bold <I> - italic <U> - sublinierea textului <SUP> - exponent <SUB> - indice <FONT SIZE=“n”> - scrierea textului cu mărimea n <FONT FACE=“…”> - schimbarea fontului curent Exemplu: <FONT FACE=“Arial”> Vine toamna </FONT>
LIMBAJUL HTML Marcaje pentru modificarea culorilor <BODY TEXT=“#rrggbb”> - schimbă culoarea textului pentru toată pagina <BODY BGCOLOR=“#rrggbb”> - schimbă culoarea fondului pentru toată pagina <FONT COLOR=“#rrggbb> - schimbă culoarea textului dintre marcaje
LIMBAJUL HTML • Inserarea imaginilor • Încadrarea unei imagini • Gestionarea afişării imaginilor • Poziţionarea unei imagini în raport cu textul • Dispunerea unei imagini ca şi imagine de fundal • Aplicaţii pentru prelucrarea imaginilor
LIMBAJUL HTML1. Inserarea imaginilor <IMG> Exemplu: <HTML> <HEAD> <TITLE>Imagini</TITLE> </HEAD> <BODY> <H2>Imagine din computer</H2> <IMG SRC=“../Pictures/Blue hills.jpg”> Dealuri albastre </BODY> </HTML>
LIMBAJUL HTML2.Încadrarea unei imagini BORDER=n, n fiind lăţimea cadrului, în pixeli <HTML> <HEAD> <TITLE>Imagini</TITLE> </HEAD> <BODY> <H2>Imagine din computer</H2> <IMG SRC=“Blue hills.jpg”BORDER=3> Dealuri albastre </BODY> </HTML>
LIMBAJUL HTML3. Gestionarea afişării imaginilor <IMG SRC=“Blue hills.jpg” ALT=“Dealuri albastre”>
LIMBAJUL HTML4. Poziţionarea unei imagini în raport cu textul • LEFT CENTER RIGHT <HTML> <HEAD> <TITLE>Cuprins</TITLE> </HEAD> <BODY> <p ALIGN=CENTER><IMG SRC=“images.jpg”></P <H2>Descoperiri stiintifice</H2> Earth's Core (1906)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 un nucleu format din lichid. </BODY> </HTML>
LIMBAJUL HTML5. Dispunerea unei imagini ca şi imagine de fundal <BODY BACKGROUND=“blue hills.jpg”>
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>
