1 / 19

LIMBAJUL HTML

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.

malina
Download Presentation

LIMBAJUL HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. LIMBAJUL HTML

  2. 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

  3. LIMBAJUL HTML Pagina web este formată din: • Titluri • Paragrafe • Tabele • Liste • Imagini etc.

  4. LIMBAJUL HTML • Marcajele HTML definesc şi descriu elementele care compun pagina web • Marcajele HTML apar şi sub numele de taguri

  5. LIMBAJUL HTML Un marcaj HTML constă dintr-un şir de caractere cuprins între < > Exemplu: <H1>Titlu</H1>

  6. LIMBAJUL HTML Un fişier HTML conţine două secţiuni: • HEAD • BODY

  7. 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>

  8. 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>

  9. 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>

  10. 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

  11. 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

  12. 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>

  13. 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>

  14. LIMBAJUL HTML3. Gestionarea afişării imaginilor <IMG SRC=“Blue hills.jpg” ALT=“Dealuri albastre”>

  15. 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>

  16. LIMBAJUL HTML5. Dispunerea unei imagini ca şi imagine de fundal <BODY BACKGROUND=“blue hills.jpg”>

  17. Tabele

  18. 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>

  19. Marcaje pentru definirea legăturilor

More Related