Ultimele tutoriale de dezvoltare web

HTML Introducere


Ce este HTML?

HTML este un limbaj de marcare pentru a descrie documente web (web pages) .

  • HTML vine de la Hyper Text Markup Language
  • Un limbaj de marcare este un set de markup tags - markup tags
  • Documentele HTML sunt descrise de HTML tags - HTML tags
  • Fiecare etichetă HTML describes un conținut diferit de documente

HTML Exemplu

Un document HTML mic:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Încearcă - l singur »

exemplu explicat

  • DOCTYPE Declarația definește tipul de document pentru a fi HTML
  • Textul dintre <html> și </html> descrie un document HTML
  • Textul dintre <head> și </head> oferă informații despre documentul
  • Textul dintre <title> și </title> oferă un titlu pentru document
  • Textul dintre <body> și </body> descrie conținutul paginii vizibile
  • Textul dintre <h1> și </h1> descrie o poziție
  • Textul dintre <p> și </p> descrie un paragraf

Folosind această descriere, un browser web poate afișa un document cu un titlu și un paragraf.


etichetele HTML

Tag - uri HTML sunt cuvinte cheie (tag names) , înconjurate de angle brackets :

<tagname>content</tagname>
  • Etichetele HTML sunt în mod normal in pairs cum ar fi <p> și </p>
  • Primul tag dintr - o pereche este start tag, de end tag start tag, al doilea este tag - ul end tag - end tag
  • Eticheta de final este scris ca tag - ul de start, dar cu un slash înainte de numele etichetei

Eticheta de start este adesea numit opening tag - opening tag de opening tag . Eticheta de final este adesea numit closing tag de closing tag .


Browsere web

Scopul unui browser web (Chrome, IE, Firefox, Safari) , este de a citi documente HTML și a le afișa.

Browserul nu afișează etichetele HTML, dar le folosește pentru a determina modul de afișare a documentului:

Vedeți în browser


Structura pagină HTML

Mai jos este o vizualizare a unei structuri de pagini HTML:

<html>
<head>
<title> Titlul paginii </title>
</head>
<body>
<h1> Acesta este un titlu </h1>
<p> Acesta este un paragraf. </p>
<p> Acesta este un alt paragraf. </p>
</body>
</html>

Numai <body> zona (the white area) este afișată de browser.


<!DOCTYPE> Declarația

<!DOCTYPE> Declarația ajută browser - ul pentru a afișa corect o pagină web.

Există diferite tipuri de documente de pe web.

Pentru a afișa corect un document, browser-ul trebuie să cunoască atât tipul și versiunea.

Declarația DOCTYPE nu este sensibil la majuscule. Toate cazurile sunt acceptabile:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Declarații comune

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Toate tutoriale și exemple la w3ii folosesc HTML5.


versiuni HTML

De la primele zile ale web, au existat mai multe versiuni de HTML:

Versiune An
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014