Extras din seminar
1. Start4Programs4Accessories4NOTEPAD.
2. Editarea codului sursa ( a tag-urilor) în editorul de texte NOTEPAD.
3. Salvarea codului sursa sub forma unui fisier cu extensia HTM sau HTML (obligatoriu). Fisierul va fi salvat în folderul dvs.
4. Localizarea fisierului salvat la pasul 3 cu programul Windows Explorer (distinctiv acest fisier va avea pictograma urmatoare: .
5. Lansarea în executie a fisierului cu extensia HTM sau HTML (pentru a vedea cum sunt interpretate tag-urile scrise în Notepad pe Internet) – dublu click pe fisier si astfel se va deschide programul Internet Explorer.
6. Modificarea codului sursa se va face în Notepad. Deschiderea fisierului pentru ai modifica sursa se poate face:
a. Notepad4File4Open ...
b. Direct din fereastra ce s-a deschis la pasul 5 (fereastra Internet Explorer) astfel: View4Source (va deschide automat Notepad-ul).
Orice modificare adusa codului sursa trebuie salvata (File4Save). Pentru a vedea si pe Internet modificarea facuta în Notepad trebuie, fie sa repetam pasii 4 si 5, fie sa revenim în fereastra Internet Explorer (ea este deja deschisa – vezi bara de START) si sa alegem din meniul View4Refresh (sau apasa tasta F5)
Observatie: Pentru o noua modificare a codului sursa se va repeta pasul 6.
TAG-uri UTILZATE
Structura generala a unui fisier cu extensia HTM sau HTML este:
Observatie: un tag se va scrie întotdeauna încadrat de semnele < >. Efectul unui tag este vizibil pâna când acesta este închis (Ex: <title> Prima pagina WEB</title> care permite scrierea pe bara de titlu a programului Internet Explorer a textului Prima pagina WEB).
Tag-uri cu efect asupra întregii pagini web
<body bgcolor = a Text = b Link = c Vlink = d Alink = e> - permite stabilirea unei culori de fundal a paginii Web, culoarea implicita de scriere a textului, culoarea legaturilor, culoarea legaturilor vizitate, culoarea legaturilor de actiune.
Atributul BGCOLOR stabileste culoarea de fundal a paginii Web (Ex: <body bgcolor = blue> - culoarea de fundal va fi albastra – sau <body bgcolor = 804050> (formatul de culoare este RRGGBB – rosu, verde, albastru) sau <body bgcolor = 15%85%95% > sau <body bgcolor = aaffcc> (formatul hexazecimal))
Atributul TEXT permite stabilirea culorii implicite de scriere pe întreaga pagina Web (Ex: <body Text = red> – tot textul pe pagina de Web va scris cu rosu)
Atributul LINK permite stabilirea culorii unei legaturi (vezi tag-urile de la legaturi). Implicit aceasta este albastra. (Ex: <body link = green> - legaturile vor avea culoarea verde)
Atributul Vlink permite stabilirea culorii unei legaturi vizitate (Ex: <body vlink = red> – un link vizitat va avea culoarea rosie)
Atributul ALINK permite stabilirea culorii unei legaturi de actiune, adica pâna la realizarea conexiunii stabilite de legatura (vezi tag-urile de la legaturi) link-ul va avea culoarea stabilita prin ALINK, iar dupa realizarea conexiunii acesta culoare va devenii automat cea specificata cu VLINK (Ex: <body alink = yellow> - un link în actiune va avea culoarea galbena)
OBS. Un tag poate folosii toate atributele de care dispune sau numai o parte din acestea (Ex: <body bgcolor = red text = yellow link = gray>
Daca dorim ca pe o pagina Web sa avem ca fundal o poza, atunci în locul atributului BGCOLOR din cadrul tag-ului <body bgcolor = a ......> vom folosii atributul BACKGROUND urmând a specifica adresa pozei respective (Ex: <body background = “c:studentpoza.gif” text = red ……>
Tag-uri pentru formatarea caracterelor si aranjarea textului
<b> - permite scrierea caracterelor îngrosat (bold)
<i> - permite scrierea caracterelor înclinat (italic)
<u> - permite scrierea caracterelor subliniat (underline)
<center> - permite alinierea pe centru a textului pe pagina
<p align = left/right/center>permite alinierea la stânga/dreapta/centru a textului pe pagina
<hr size = a color = b width = c align = left/right/center > - plaseaza o linie orizontala în document.
Atributul SIZE defineste grosimea liniei orizontale (Ex: <hr size = 3> – linia va avea o grosime de aproximativ 1 mm)
Atributul COLOR permite colorarea liniei orizontale (Ex: <hr color = red> - linia va avea culoarea rosie - sau color = 804050 (formatul de culoare este RRGGBB – rosu, verde, albastru) sau color = 15%85%95% sau color = aaffcc (formatul hexazecimal))
Atributul WIDTH specifica lungimea liniei orizontale (Ex: <hr width = 45%> - linia orizontala o sa ocupe numai 45% din suprafata paginii web)
Atributul ALIGN permite specificarea modului de aliniere a liniei respective (stânga/dreapta/centru)
<br> - întrerupe linia curenta si trece textul sau imaginea pe urmatoarea linie
<p> - întrerupe linia curenta si trece textul sau imaginea la paragraful urmator
Obs. <p> este echivalentul lui <br><br> (de doua ori <br>).
Preview document
Conținut arhivă zip
- Limbajul HTML.doc