Cursul 1 - HTML

HTML (Hyper Text Markup Language)

Definitie

HTML este un limbaj de marcare utilizat pentru structurarea paginilor web. La baza oricarei pagini web sta libajul HTML. Browser-ul web are scopul de interpreta aceste fisierele/paginii cu scopul de a le afisa intr-un format cat mai usor de usor de citit.

Structura HTML

Paginile HTML sunt formate din etichete sau tag-uri și au extensia .html sau .htm. Majoritate etichetelor sunt de tip pereche, una de deschidere <eticheta> și alta de închidere </eticheta>. Sunt si cazuri exceptie: etichetele ce nu permit declararea unui nou nivel de elemente <eticheta />

Exemple

<head> </head>
<title> </title>
<div> </div> 
<img />
<a>

Structura HTML poate fi privita asemenea unui arbore unde radacina este reprezentata de tagul <html> iar fii directi tag-urile <head> si <body>

Documentul HTML

Componenta unui document HTML este:
1. versiunea HTML a documentului
2. zona head cu etichetele <head> </head>
3. zona body cu etichetele <body> </body> sau <frameset> </frameset>

Versiunea HTML poate fi:

  • HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  • HTML 5
<!DOCTYPE HTML>
Exemplu Document
<!DOCTYPE html>
<html>
    <head>
        <title> My first webpage </title>
    </head>
 
    <body>
        <p>This is my first paragraph.</p>
    </body>
< /html> 

Taguri HTML

Cateva exemple de taguri

<html>, <head>, <title>, <body>, <h1>,<h2> ..., <p>, <ul> & <ol>, <li>, <img>, <a> 

Lista copleta cu toate tagurile HTML poate fi gasita aici

Elementele HTML si Atribute

Un element HTML consta dintr-un tag si un set de atribute. Rolul atributelor este de a oferi informatii aditionale etichetelor.
Astfel pot exista 2 2 tipuri de atribute.

  1. Atribute predefinite
  2. Atribute definite de programator

Sintaxa

Atributele de declara in interiorul tag-ului de deschidere sub forma de nume=„valoare“

    <a href="http://www.w3schools.com">This is a link</a>
web_si_html5/curs/curs1.txt · Ultima modificare: 2013/08/01 20:58 de către gabriel.ivanica
CC Attribution-Noncommercial-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0