Cuprins

Basics

Toate documentele HTML trebuie să înceapă cu: <! DOCTYPE html>. <! DOCTYPE html> ii spune Browser-ului faptul ca este folosit HTML 5 (ultima versiune de html).

Însuși documentul HTML începe cu și se termină cu .

Partea vizibilă a documentului HTML este cuprinsă între <body> și </body>.

Paragrafe

Paragrafele sunt vor fi scrise astfel: 

<p> text text text </p>.

<p> este un tag care marchează începutul unui paragraf </p> marchează sfârșitul paragrafului.

Fiecare element în HTML începe cu <element> și se termină cu </element>. Excepție fac elementele care nu au un început sau un sfârșit, de exemplu o imagine.

HEADINGS

Titlurile HTML sunt definite cu tag-uri de la <h1> la <h6>.

Link-urile sunt definite cu tag-ul <a>.

Destinația link-ului este specificată în atributul href.

Atributele sunt utilizate pentru a furniza informații suplimentare despre elementele HTML.

Veți afla mai multe despre atribute într-un capitol ulterior.

Cea mai simplă formă a unui link este: 

<a href=”https://www.jademy.ro/”> partea vizibila pe site </a>

Break Line-uri

Elementele HTML fără conținut se numesc break line.

<br> este un element gol fără un tag de închidere (eticheta <br> definește o pauză de linie).

Astfel putem observa cum literele scrise în urma tag-ului <br> sunt “trimise” direct pe rândul următor. Elementul <br> se poate folosi de oricâte ori consecutiv. Avem nevoie de 2 rânduri libere? Vom folosi 3 <br>:

  1. Primul <br> trimite textul pe rândul următor
  2. Al doilea <br> lasă un rând spațiu sau putem spune că trimite textul de rândul următor
  3. Al treilea <br> lasă un rând spațiu sau putem spune că trimite textul de rândul următor

Break line-urile pot fi „închise” în eticheta de deschidere astfel: <br />.

HTML NU necesită că break line-urile să fie închise. Dar dacă doriți o validare mai strictă sau dacă trebuie să faceți că documentul dvs. să fie lizibil de către analizatorii XML, trebuie să închideți toate elementele HTML în mod corespunzător.

HTML NU este case sensitive Etichetele HTML nu sunt case sensitive: <P> este egal cu <p>.

Standardul HTML nu necesită tag-uri cu minuscule, dar este recomandat ca tag-urile să fie scrise lower case.

Exerciții

1. Scrieți următoarele texte: 

“Hello world, this is my
first html code. This is a 

one line spacing break line”

“Hello 
J
A
D
E
M
Y”

“This is a paragraph”
“This is another paragraph”

Soluţie

Soluţie


2. Scrieți cuvântul “Jademy” folosind headings astfel încât pagina să arate precum în imaginea de mai jos:

Soluţie

Soluţie


3. Scrieți cuvântul “Jademy” vertical, precum în poza de mai jos, folosind heading-uri.

Soluţie

Soluţie


4. La programul de la exercițiul anterior adăugați un break line între litera D și litera E.

Soluţie

Soluţie


5. Adăugați link-uri către: 

https://www.facebook.com
https://www.wikipedia.org
https://edu.jademy.ro

Înaintea link-urilor scrieți câte un paragraf: “Acesta este un link către”, iar în interiorul link-ului scrieți: Facebook, Wikipedia, Jademy.

Hint: Tag-urile se pot intercala. În exemplu, interiorul unui heading poate să fie un link. La fel și în interiorul unui paragraf.

Soluţie

Soluţie


6. Creați o pagină web în care numărați de la 1 la 10 folosind heading-uri astfel încât de la 1 până la 5 mărimea textului descrește, iar de la 6 la 10 mărimea textului crește.

Soluţie

Soluţie


7. Scrie un program în HTML care scrie istoria html-ului. 

HTML versions timeline  (heading 2)
HTML 2 (heading 5)
November 24, 1995 (paragraf)
HTML 3 (heading 5)
January 14, 1997 (paragraf)
HTML 4  (heading 5)
December 18, 1997 (paragraf)
HTML 5 (heading 5)
October 28, 2014 (paragraf)

Soluţie

Soluţie


Datele au fost luate de pe https://en.wikipedia.org/wiki/HTML#History. De asemenea, va recomandăm să accesați link-ul de mai sus și să aflați câteva lucruri “Behind the scene” despre HTML.

You could leave a comment if you were logged in.