Solutii IT&C

  • Cum cumperi?
  • Laptopuri
  • Tablete
  • Telefoane mobile
  • Imprimante
  • Stiri
  • Programe utile
  • Facebook
Te afli la: SolutiiPC Cod HTML 2 – Structura unui document HTML

2 – Structura unui document HTML

Catalin 11/02/2013 Leave a Comment

Un document HTML este alcătuit din tag-uri (marcaje, etichete, depinde de povestitor) care se inserează într-un document text şi îi modifică modul de formatare.

Tag-urile
Tag-urile sunt încadrate de paranteze unghiulare , <>,  pentru a fi recunoscute şi interpretate de browser ca şi marcaj.
Cu mici excepţii, tag-urile sunt perechi, marcând începutul şi sfârşitul zonei de text pe care o incadreazaă. Pentru a se diferenţia, tag-ul de început va fi de forma <tag> , iar cel de final va avea simbolul / între parantezele unghiulare </tag> .
Ca excepţie, unele tag-uri sunt de sine stătătoare, <br> sau <hr>  nefiind nevoie să fie închise.

Pentru a exemplifica structura documentului voi folosi un exemplu simplu de pagină web, cu liniile numerotate pentru referinţă.

După cum observi, prima linie conţine versiunea documentului HTML. Lipsa acestei linii nu ar trebui să afecteze modul de afişare al paginii, dar standardul începând cu 4.0 o cere, fără ea neputând fi validat ca şi cod „curat”.

[html]
<doctype html>
<html>
<head>
<title>Expert in clatite</title>
</head>

<body>
<h1>Invata sa faci clatite ca un adevarat cofetar</h1>
<p>Clatitele sunt simple, usoare, gustoase si savuroase in orice combinatie!</p>
</body>
</html>
[/html]

Orice document HTML va fi încadrat de tag-urile <html> şi </html>, ce îi vor spune browserului că textul cuprins între ele va fi formatat conform acestui limbaj.

Conţinutul este împărţit în 2 secţiuni principale, <head> şi <body>.

<head> conţine informaţii ce nu vor fi afişate în browser, cu excepţia <title>

<body> va încadra tot conţinutul paginii web pe care îl vei vedea în browser: text, imagini, linkuri, tabele, orice altceva.

Pentru a testa codul copiază-l în Notepad, numeste-l clatite.html, salveaza-l, şi deschide-l într-un browser.
Sau, şi mai bine, scrie-l tu din nou cu mâna ta. Daca ai facut totul corect, ar trebui sa arate bine.

Felicitări, tocmai ai realizat prima pagină web!

Similare

Filed Under: HTML Tagged: refacute

Despre autor

Daca vrei sa apara:
- semneaza cu numele tau, nu al firmei
- nu alerga dupa link
- scrie romaneste, nu kum apucy
- daca tii sa ataci, ataci ideea, nu persoana
Primul comentariu e moderat.

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Categorii

  • Aparate Foto (29)
  • Console Jocuri (12)
  • CPanel (8)
  • Cum cumperi? (23)
  • Desktop PC (6)
  • Diverse (49)
  • Electrocasnice (24)
  • Facebook (14)
  • Frigidere (5)
  • Gadgeturi (9)
  • Gmail (2)
  • Guestposts (5)
  • Hardware (27)
  • HDD Extern (10)
  • HTML (11)
  • Imprimante (19)
  • Laptopuri (47)
  • Masini de spalat (5)
  • Microsoft Office (1)
  • Programe utile (4)
  • Reduceri Promotii (3)
  • Reduceri si Promotii (34)
  • Securitate (8)
  • Sisteme Audio (12)
  • Sisteme de Andocare (9)
  • Sisteme de navigatie GPS (14)
  • Sisteme Home Cinema (4)
  • Software (10)
  • Stiri (319)
  • Tablete (43)
  • Telefoane mobile (88)
  • Televizoare (13)
  • Webmasteri (5)
  • Windows (7)
  • Yahoo (4)

Etichete

A4 (4) Acer (11) Allview (17) amazon (7) AMD (12) android (54) apple (49) Asus (23) BlackBerry (6) canon (8) dell (7) facebook (15) featured (310) google (39) Google Nexus (5) HP (14) htc (8) huawei (6) IBM (5) intel (25) ios (5) iphone (5) Lenovo (22) LG (29) linux (6) microsoft (39) motorola (8) nikon (10) Nokia (18) nvidia (6) quad-core (8) qualcomm (12) refacute (24) Samsung (80) seagate (6) snapdragon (7) sony (25) toshiba (10) twitter (6) western digital (7) windows (10) windows phone (5) xiaomi (5) yahoo (7) zuckerberg (5)

Pagini

  • Contact
  • Ghid cumparaturi electronice
  • Ghid de cumparaturi electrocasnice
  • Propune un articol
  • Termeni si conditii

Copyright © 2025 · SolutiiPC.ro