HTML
Tradus de
ScribdTranslationsHTML
Tradus de
ScribdTranslationsvizitaț i @[Link]
in
Capitolul 11 & 12 - HTML
HTML: HTML înseamnă Limbaj de Marcaj Hypertext. Este o specificaț ie pentru aranjarea documentelor ș i hyperlink-uri.
limbaj adică un limbaj care este utilizat pentru a proiecta structura documentului web.
Q1. Ce este un tag?
Un tag este o comandă HTML codificată care indică modul în care o parte a paginii web ar trebui să fie afiș ată.
Q2. Ce este un atribut?
Un atribut este un cuvânt special folosit în interiorul etichetei pentru a specifica informaț ii suplimentare despre etichetă, cum ar fi culoarea.
aliniere etc.
TAGURI HTML
1. ETICHETA HTML: Această etichetă identifică faptul că documentul este un document HTML. Fiecare ș i fiecare HTML
documentul începe cu <HTML> ș i se termină cu </HTML>
2. Eticheta HEAD :Această etichetă conț ine informaț ii despre document, inclusiv titlul, scripturile, stilurile etc.
3. Eticheta TITLE: Această etichetă conț ine titlul documentului. Titlul apare pe bara de titluri a paginii web.
4. Tag-ul BODY: Acest tag înconjoară toate tag-urile, atributele ș i informaț iile care urmează să fie afiș ate pe pagina web.
STRUCTURA DOCUMENTULUI HTML
<HTML>
<HEAD>
........
</HEAD>
<CORP>
.....
.....
</CORPUS>
INFOTECH Educație Computerizată, Kishangarh (Raj) 9829171122 Page 1
vizitează @[Link]
Q3. Ce este un Element container?
Acest tip de elemente HTML necesită etichete pereche, adică o etichetă de început, precum ș i o etichetă de sfârș it.
Q4. Ce este un element gol?
Acest tip de elemente HTML necesită doar un tag de început ș i nu un tag de încheiere.
Etichete HTML de bază ș i atributele acestora
1. Eticheta HTML: Aceste etichete sunt folosite pentru a marca începutul ș i sfârș itul unui document HTML.
Atribute :
(a) DIR: Acest atribut specifică în care browserul ar trebui să prezinte textul în întregul document.
valorile pot fi ltr(săgeată spre stânga) sau rtl(săgeată spre dreapta)
(b) LANG : Acest atribut specifică limba pe care aț i folosit-o în general în interiorul documentului. valorile sale
poate fi en(engleză), it(italiană), fr(franceză) etc.
2. Eticheta HEAD: Este folosită pentru a defini antetul documentului. Conț ine informaț ii despre stil, script, titlu etc.
3. Eticheta TITLU: Conț ine titlul documentului care va fi afiș at în bara de titlu a paginii web.
4. Eticheta BODY: Această eticheta închide toate etichetele, atributele ș i informaț iile care trebuie afiș ate pe pagina web.
Atribute
(a) bgcolor: Această atribut este folosit pentru a specifica culoarea de fundal a paginii web. Culoarea poate fi specificată ca
nume de culoare sau cod de culoare. Codurile de culoare sunt combinaț ii de ș ase litere ș i cifre care încep cu simbolul #.
cifrele sunt între 0 ș i 9, iar literele pot fi între a ș i f. câteva coduri de culoare
#00FFFF #000000
(b) fundal: Această atribut este folosit pentru a specifica orice imagine care să fie afişată în fundal
pagina web.
Acest atribut este folosit pentru a specifica culoarea textului
(d) link : Acest atribut este folosit pentru a specifica culoarea linkului.
(e) alink :Această atribut este folosit pentru a specifica culoarea linkului activ.
(f) vlink :Această atribut este folosit pentru a specifica culoarea link-ului vizitat.
(g) margin_stânga : Este folosit pentru a specifica marginile din stânga conț inutului etichetei body
(h) marginat de sus : Este utilizat pentru a specifica marginea superioară a conț inutului etichetei body
INFOTECH Educație Computerizată, Kishangarh (Raj) 9829171122 Page 2
vizitaț i @[Link]
5. Hx(x=1 la 6) Etichetă: HTML are ș ase niveluri de antet numerotate de la 1 la 6. Antetul 1 este cel mai mare, iar 6 este
cel mai mic.
6. Eticheta de paragraf: Eticheta folosită pentru paragraf este <p> .... </p>
Atribute
Această atribut specifică alinierea paragrafului. Valorile pot fi stânga, centru, dreapta sau justificat.
7. Eticheta Break: Eticheta folosită pentru aceasta este <br>. Acesta este un element gol ș i preia controlul către următorul.
linie. nu are atribute.
8. Eticheta Center: Este folosită pentru a alinia orice conț inut în centrul paginii. Începe cu <center> ș i se încheie cu
</center>. Nu are atribute.
9. Eticheta Basefont: Această etichetă îț i permite să defineș ti dimensiunea de bază pentru font. Este utilizată împreună cu atributul său size, a cărui
valoarea determină dimensiunea textului.
Atribute:
Aceast atribut este folosit pentru a specifica dimensiunea textului. Dimensiunea poate fi, de asemenea, specificată ca negativă sau pozitivă.
incrementa.
2. faț ă: Se foloseș te pentru a specifica numele fontului
3. culoare: Este folosit pentru a specifica culoarea fontului.
10. Eticheta Font: Eticheta folosită pentru aceasta este <font>......</font>. Este utilizată pentru a schimba dimensiunea, fontul ș i culoarea
text.
Atribute
face: Este folosit pentru a specifica numele fontului
2. culoare: Este folosit pentru a specifica culoarea
Se foloseș te pentru a specifica dimensiunea fontului
11. Eticheta HR: Această etichetă este utilizată pentru a insera o linie orizontală în pagina web.
Atribute
1. dimensiune: se foloseș te pentru a specifica înălț imea Regulei Orizontale
2. lăţime: este utilizată pentru a specifica lăţimea Regulii Orizontale
3. noshade :va afiș a regula în format 2D
4. culoare : este folosit pentru a specifica culoarea regulii
5. aliniere :alinierea Regulii Orizontale
12. Comentarii <!.... ș i ...> : Acest etichetă este folosită pentru a specifica comentariile în HTML. Comentariile în HTML sunt doar
ca Java. O linie de comentariu nu este redată de browser.
INFOTECH Educație Computerizată, Kishangarh (Raj) 9829171122 Page 3
vizitaț i @[Link]
Diferite etichete de stil de text
12. <b> Etichetă :Această etichetă este folosită pentru a specifica textul îngroș at.
13. <i> Etichetă: Această etichetă este folosită pentru a specifica textul italic.
14. <u> Eticheta: Această etichetă este folosită pentru a specifica Textul subliniat.
15. <tt> Etichetă: Această etichetă este folosită pentru a specifica textul Teletype.
16. <strong> Etichetă: Această etichetă este similară cu eticheta îngroș ată. Fă textul puternic sau îngroș at
17. <small> Etichetă: Această etichetă face textul un pic mai mic decât normal.
18. <big> Etichetă: Această etichetă face textul un pic mai mare decât textul normal
19. <sup> Eticheta: Această etichetă face ca textul să fie suprascris
20. <sub> Etichetă: Această etichetă face ca textul să fie subscript.
Caractere speciale : În documentul HTML, trebuie să folosim diferite tipuri de etichete pentru caractere speciale pentru a le afiș a
câț iva caractere speciale cum ar fi
< pentru < simbol
> pentru > simbol
& pentru semnul ampersand etc
Capitolul 12 HTML - II
Există trei tipuri de listă în HTML
(a) Listă numerotată (Numită ș i listă ordonată) - Etiqueta folosită este <OL>
(b) Listă necronologică (de asemenea, numită listă fără ordinea specificată) - Tag-ul folosit este <UL>
(c) Lista de definiț ii - Eticheta folosită este <DL>
<OL> - Acest tag se numeș te Tag pentru Lista Ordinate. Lista Ordinate poate fi de următoarele tipuri.
1
a
3. Tip="A"
i
INFOTECH Educație Computerizată, Kishangarh (Raj) 9829171122 Page 4
vizitaț i @[Link]
<UL> - Acest tag se numeș te Tag de Listă Neordonată. Lista Neordonată poate fi de următoarele tipuri.
1. tip="disc"
cerc
pătrat
Notă: putem folosi atributul start cu eticheta OL ș i UL, care este folosit pentru a specifica punctul de început al listei.
<DL> -Acest tag se numeș te Tag de Listă de Definiț ii. Este afiș at fără niciun simbol de bullet. Tag-uri utilizate în
Lista de definiț ii este după cum urmează -
(a) DL - Lista de date
(b) DT - Termen de date
(c) DD - Definiț ia datelor
Listă imbricată - Când o listă este specificată în cadrul unei alte liste, se numeș te listă imbricată.
Etichete TABLE în HTML
(a) <table>- Acest tag este folosit pentru a crea un tabel, conț ine toate atributele principale ale tabelului.
(b) <tr> - Acest tag defineș te rândul tabelului
(c) <th> - Acest tag defineș te antetul tabelului sau capul tabelului
(d) <td> - Această etichetă defineș te datele tabelului conț inând celulele tabelului.
(e) <caption> -Această etichetă defineș te titlul sau subtitlul tabelului
(f) <thead>- Acest etichetă este folosită pentru a defini un set de rânduri de antet.
(g) <tfoot> - Acest tag este folosit pentru a defini subsolul tabelului.
(h) <tbody> - Aceasta etichetă este folosită pentru a specifica corpul tabelului.
Atributele etichetei Table
------------------------------
Marcaj - este folosit pentru a specifica lăț imea marcajului
2. BorderColor - este folosit pentru a specifica culoarea bordurii (poate fi numele culorii sau codul)
3. Cadru - este folosit pentru a specifica cadru ca margine a tabelului (valorile pot fi - deasupra, dedesubt, margine, cutie, laturi laterale,
lhs, rhs, vsides etc)
4. Regulile - se utilizează pentru a specifica care margini ale tabelului ar trebui să fie vizibile (valorile pot fi toate, coloane, rânduri etc.)
5. Cellspacing - este folosit pentru a specifica spaț iul dintre celulele tabelului
6. Cellpadding - este folosit pentru a specifica dimensiunea unei celule
7. Aliniere - este folosit pentru a specifica alinierea tabelului (valorile pot fi stânga, dreapta, centru etc)
8. Fundal - este folosit pentru a specifica imaginea care va fi afiș ată ca fundal al tabelului
9. Bgcolor - este folosit pentru a specifica culoarea de fond sau tabelul
10. Înălț imea - este utilizată pentru a specifica înălț imea mesei
11. Lăț imea - este folosită pentru a specifica lăț imea tabelului
INFOTECH Educație Computerizată, Kishangarh (Raj) 9829171122 Page 5
vizitaț i @[Link]
12. rezumat - se foloseș te pentru a specifica rezumatul tabelului
Atributele etichetei TD
1. Aliniaț i - este folosit pentru a specifica alinierea conț inutului celulei tabelului
2. Lăț imea - este folosită pentru a defini lăț imea celulei din tabel
3. Bgcolor - se foloseș te pentru a specifica culoarea de fundal a celulei tablei
4. Fundal - este utilizat pentru a specifica imaginea de fundal a celulei tabelului
5. Rowspan - este folosit pentru a specifica extensia pe rânduri (rândurile acoperite de celula) a unei celule de tabel
6. Colspan - este folosit pentru a specifica spanul de coloane (coloanele acoperite de celulă) al celulei din tabel
7. Valign - se foloseș te pentru a specifica alinierea verticală a celulei din tabel
FORMULARE HTML
Formele HTML sunt mijloace de colectare a informaț iilor/datelor de la vizitatorul site-ului. Acest lucru se face cu ajutorul
controles care colectează informaț iile ș i le trimite
Controale
1. Butoane - Pot exista trei tipuri de butoane
(a). Butonul de trimitere - este activat când trimitem formularul
(b). Buton de resettare - este activat atunci când resetăm formularul
(c). Buton de apăsare - acest buton nu are un comportament implicit, trebuie să scriem un script specific pentru ei
2. Casete de selectare - Acestea sunt butoane de comutare care pot fi activate/deactivate. Mai multe casete de selectare pot fi selectate simultan.
timp.
3. Buton radio - Acestea sunt butoane de comutare asemănătoare casetelor de selectare, dar putem selecta doar un singur buton radio la un moment dat.
timp
4. Meniuri - Meniurile oferă utilizatorilor opț iuni din care să aleagă.
5. Parola - Acest control este utilizat pentru a obț ine parola de la utilizator. Textul introdus nu va fi afiș at utilizatorului.
6. Introducerea textului - Un utilizator poate crea două tipuri de controale pentru a introduce text. Unul este Câmpul de text ș i celălalt este
TextBox-ul este folosit pentru a introduce texte limitate sau scurte, în timp ce TextArea este folosit pentru texte mari.
7. Controluri ascunse - Acestea sunt controluri care nu sunt afişate, dar valorile cărora sunt trimise împreună cu o
formular.
INFOTECH Educație Informatică, Kishangarh (Raj) 9829171122 Page 6
vizitaț i @[Link]
Cum să creaț i controale de formular
1. Formular -<form action="script de back-end" method="metoda de postare">
2. Câmp Text -<input type="text" name="tname" value="Dl." size=20 maxlength=50>
3. Câmp de parolă -<input type="password" name="pass">
4. TextArea -<Textarea rows=50 cols=80 name="description"> </Textarea>
5. Butonul de trimitere -<input type="submit" name="submit" value="trimite">
6. Buton Reset- <input type="reset" name="reset" value="reset">
7. Buton simplu -<input type="button" value="Click me">
<input type="checkbox" name="hobby1" value="Înot">Înot
9. RadioBox - <input type="radio" name="sex" value="Bărbat">Bărbat
<input type="radio" name="sex" value="Femeie">Femeie
10. SelectBox - <select name="stream">
Comerț
<option> Ș tiinț ă </option>
<option>Arte</option>
</select>