Structura generală a unui document HTML

https://manualelectronictic.wordpress.com/

introducere_in_html.pdf

Orice document HTML conține perechea de marcaje <html>…</html>. Acesta este constituit din două secțiuni principale:

Un document HTML standard are următoarea structură:

<html>

<head>

</head>

<body>

</body>

</html>

Exemplu:

<!doctype html><html><head><meta charset=”utf-8″ /><title>Titlul paginii   web </title></head >

<body> Conținutul paginii   web

</ body >

</html>

Vizualizare în browser:

structura

Observații:

  1. <!doctype html> – DOCTYPE reprezintă o prescurtare pentru Declarația Tipului de Document. Această declarație trebuie să apară la începutul documentului HTML, deoarece browser-ul o utilizează pentru a identifica versiunea HTML în care a fost editată pagina Web și pentru afișarea acesteia în mod corespunzător. Este bine ca această declarație să nu lipsească din documentul HTML. În cazul nostru, prin declarația <!doctype html> se transmite browser-ului faptul că documentul este editat în limbajul HTML5.
  2. Utf-8 reprezintă o metodă de codare a caracterelor folosită în documentele HTML. Declararea utilizării acestui standard în pagina Web are ca rezultat afișarea corectă în browser a caracterelor speciale sau a literelor cu diacritice folosite în realizarea documentului.
  3. Dacă într-o pagină Web lipsește secvența <title>… </title>, atunci în bara de titlu a ferestrei browser-ului va apărea numele fișierului.
  4. Caracterele desemnând spațiile albe, precum spațiu și tab, care apar între marcaje sunt ignorate de către browser.
  5. HTML nu este un limbaj case-sensitive, deoarece nu face distincția între literele mari și cele mici.

Prima mea pagină web

Pentru început copiază următorul cod HTML în Notepad. Aigură-te că ai scris corect, în caz contrar pagina nu va funcţiona.

<html>

<head> </head>

<body><h1>Prima mea pagina web!</h1> </body>

</html>

Acum poţi salva documentul în notepad selectând din meniul "File", opţiunea "Save As". În fereastra care se deschide, selectează "All Files". Vom da un nume fişierului, de exemplu "pagina_mea.html", fără ghilimele.

Pentru a putea vedea pagina, va trebui să foloseşti un browser. Browser-ele sunt programele de internet care interpretează codurile HTML, acestea transformă codul HTML într-o pagină web care poate fi citită de orice internaut. Cele mai folosite browsere sunt:

- Internet Explorer
- FireFox
- Opera

Pentru a putea vizualiza pagina web, trebuie să deschizi fişierul "pagina_mea.html" într-un browser. În acest sens, deschide o nouă fereastră de Internet Explorer şi urmăreşte intrucţiunile de mai jos:

- Din File selectează Open.
- Click pe Browse pentru a deschide Windows Explorer.
- Trebuie să te duci în folderul unde ai salvat fişierul.
- Când ai găsit fişierul "pagina_mea.html" dai dublu click pe el pentru a-l deschide.

Pagina ta va arăta astfel: