Introducere in HTLML

postat acum 2 ani de Stefanescu Mihai in categorie HTML

HTML este un limbaj de markup folosit pentru a descrie documente web (pagini web).

  • HTML este un acronim provenit de la Hyper Text Markup Language.
  • Un limbaj de markup foloseste taguri
  • Documentele HTML sunt formate din mai multe taguri
  • Fiecare tag descrie alt tip de continut

Prima data, HTML-ul a fost creeat pentru a defini structura unui docuemnt, heading-uri, paragrafe, liste, si asa mai departe, dar cu timpul a ajuns sa fie folosit pentru a formata pagini web.Document HTML StandardMai jos am postat codul pentru un document HTML cat se poate de simplu.


 

Acesta este titlul documentului

Acesta este un heading

Acesta este continutul documentului

Puteti copia acest cod si il puteti salva intr-un document cu extensia .html si il puteti deschide intr-un browser web (firefox, chrome, IE, opera, safari sau orice alt browser doriti) si ve-ti observa un rezultat similar cu imaginea de mai jos:

Tag-uri HTMLAm spus si mai sus, acest limbaj de mark-up este format din tag-uri scrise intre paranteze unghiulare ( acestea: <, >) si au forma . Toate tag-urile html se deschid folosind forma: 

 si se inchid folosind form: .In codul de mai sus am folosit urmatoarele tag-uri:,

Tag Descriere
 <!DOCTYPE html> Acest tag declara tipul fisierului si versiunea html folosita. (soctype-ul in care este trecut decat html inseamna ca folosim HTML5)
<html> Acest tag marcheaza deschiderea documentului HTML si va fi inchis la sfarsitul documentului.
 <head> Acest tag delimiteaza headerul documentului HTML si in el sunt trecute tag-uri precum <title>, <link>, <script>, <style>, etc
<title> Acest tag marcheaza titlul documentului HTML (Acesta este textul ce apare in tab-ul site-ului, la bookmarks, etc)
<body> In acest tag va fi postat continutul paginii web alaturi de celelelate tag-uri necesare (<h1>, <div>, <p>, etc).
<h1> Acesta este un heading (HTML ne pune la dispozitie 6).
 <p>  Acesta este un paragraf.

Structura

<tag>continut</tag>

Declarare Document

HTML 5

<!DOCTYPE html>

HTML 4.1

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

XHTML 1

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

Versiuni HTML

Versiuni An Lansare
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2012
Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!