HTML Lectii

11
Ultima versiune a acestui document este disponibilã la <http://werbach.com/barebones/ >. Ghidul prezintã toate tag-urile recunoscute de majoritatea browser-elor - versiunile curente. Am inclus toate tag-urile din specificatia HTML 3.2 , precum si extensiile Netscape incluse în versiuni de pâna la 3.0b5. Acest ghid este scris astfel incât sã fie cât mai concis posibil; mai multe detalii despre HTML sunt disponibile la WWW Help Page . Comentariile si sugestiile sunt întotdeauna binevenite. Cuprins 1. MATERIAL INTRODUCTIV o Ce este unic la acest ghid o Ce tag-uri HTML sunt incluse o Cum este formatat acest document (incluzând o descriere a simbolurilor si abreviatiilor) 2. TAG-URI HTML o elemente de bazã (fiecare document HTML ar trebui sã le includã) o definitie structuralã (aparente controlate de preferintele browser- ului) o format de prezentare (autorul specificã aparenta textului) o link-uri si imagini o divizori o liste o background-uri si culori o caractere speciale o form-uri o tabele o frame-uri o java o misc Important: Dacã nu vã este clarã diferenta între HTML 2.0, HTML 3.0, HTML 3.2 si extensiile Netscape, vã sugerez sã cititi declaratia W3C asupra limbajului HTML. ELEMENTE DE BAZÃ Tip document <HTML></HTML> (început si sfârsit fisier) Titlu <TITLE></TITLE> (trebuie sã fie în header) Header <HEAD></HEAD> (informatii descriptive, cum ar fi titlul) Corp <BODY></BODY> (corp paginã)

description

invata html gratis

Transcript of HTML Lectii

  • Ultima versiune a acestui document este disponibil la

    .

    Ghidul prezint toate tag-urile recunoscute de majoritatea browser-elor - versiunile

    curente. Am inclus toate tag-urile din specificatia HTML 3.2 , precum si extensiile

    Netscape incluse n versiuni de pna la 3.0b5. Acest ghid este scris astfel inct s

    fie ct mai concis posibil; mai multe detalii despre HTML sunt disponibile

    la WWW Help Page. Comentariile si sugestiile sunt ntotdeauna binevenite.

    Cuprins

    1. MATERIAL INTRODUCTIV o Ce este unic la acest ghid

    o Ce tag-uri HTML sunt incluse o Cum este formatat acest document (incluznd o descriere a

    simbolurilor si abreviatiilor)

    2. TAG-URI HTML o elemente de baz (fiecare document HTML ar trebui s le includ)

    o definitie structural (aparente controlate de preferintele browser-

    ului)

    o format de prezentare (autorul specific aparenta textului)

    o link-uri si imagini

    o divizori

    o liste

    o background-uri si culori

    o caractere speciale

    o form-uri

    o tabele

    o frame-uri

    o java

    o misc

    Important: Dac nu v este clar diferenta ntre HTML 2.0, HTML 3.0,

    HTML 3.2 si extensiile Netscape, v sugerez s cititi declaratia W3C asupra

    limbajului HTML.

    ELEMENTE DE BAZ

    Tip document (nceput si sfrsit fisier)

    Titlu (trebuie s fie n header)

    Header (informatii descriptive, cum ar fi titlul)

    Corp (corp pagin)

  • DEFINITIE STRUCTURAL

    Mrime font (spec.

    defineste 6

    nivele)

    Mrime cu aliniere [*]

    Divizare

    Divizare cu aliniere

    Citat [*] (de obicei

    deplasat)

    Evidentiere (de obicei

    aplecat)

    Evidentiere prin ngrosare (de obicei

    ngrosat)

    Citat (de obicei

    aplecat)

    Cod (pt. listare

    cod surs)

    Exemplu output

    Input tastatur

    Variabil

    Definitie (nu prea

    raspndit)

    Addresa autor

    Font mare

    Font mic

    FORMAT DE PREZENTARE

    ngrosat

    Aplecat

    N3.0b Subliniat (nu prea

    rspndit nc)

    Evidentiat (nu prea

    rspndit nc)

  • N3.0b Evidentiat (nu prea

    rpndit nca)

    Subscript

    Superscript

    Masin de scris (se foloseste un

    font tipografic)

    Preformatare (nu se ignor

    spatiile si liniile

    noi)

    Dimensiune (n caractere)

    Centru [*] (pentru text si

    imagini)

    N1.0 Clipire (cel mai ocolit

    tag)

    Mrime font (de la 1 la 7)

    Schimbare mrime font

    N1.0 Mrime de baz font (de la 1 la 7;

    implicit 3)

    Culoare font

    N3.0b Selectie font

    N3.0b Text pe mai multe coloane

    N3.0b Distanta dintre coloane (implicit 10

    pixeli)

    N3.0b Dimensiune coloan

    N3.0b Distantare

    N3.0b Tip distantare

    N3.0b Mrime distantare

    N3.0b Dimensiuni distantare

    N3.0b Aliniere

    LINK-URI SI GRAFIC

    Link ctre alt document

    Link ctre un target (n alt

    document)

    (n acelasi

  • document)

    N2.0 Fereastra tint

    Definire target n document

    Relatie (nu prea

    rspndit)

    Relatie invers (nu prea

    rspndit)

    ncrcare imagine

    Aliniere

    N1.0 Aliniere

    Alternare text (dac

    imaginea

    nu este

    incrcat)

    Mapare imagine (cere un

    CGI)

    Utilizare imagine mapat

    Definire mapare

    Definire regiune mapat

    Dimensiuni (n pixeli)

    Chenar (n pixeli)

    Spatiu inconjurator (n pixeli)

    N1.0 Browser cu rezolutie mic

    N1.1 Fortare client

    N2.0 Inserare obiect (inserare

    obiect in

    pagin)

    N2.0 Dimensiuni obiect

    DIVIZORI

    Paragraf [*] (de obicei

    nu e

    necesar

    nchiderea

    tag-ului)

  • Aliniere text [*]

    Linie nou (un singur

    CR)

    Eliminare spatiu din jurul

    textului

    Linie orizontal

    Aliniere

    Grosime (n pixeli)

    Lungime (n pixeli)

    N1.0 Lungime procentuala (procentaj

    din

    ltimea

    paginii)

    Linie solid (fr

    aspect

    3D)

    N1.0 Linie text continu (previne

    trecerea la

    linie

    nou)

    N1.0 Trecere la linie nou (unde e

    nevoie)

    LISTE

    Liste nenumerotate ( nainte de fiecare

    element al listei)

    Compact

    Tipul bullet-ului (pentru toat lista)

    (acesta si urmtorii)

    Liste numerotate ( nainte de fiecare

    element al listei)

    Compact

    Tipul numrtorii (pentru toat lista)

    (acesta si subsecventele

    sale)

    Numr de nceput (pentru toat lista)

    (acesta si subsecventele

  • sale)

    Liste de definitii (=termen,

    =definitie)

    Compact

    Liste menu ( nainte de fiecare

    element al listei)

    Compact

    Liste directori ( nainte de fiecare

    element al listei)

    Compact

    FUNDALURI SI CULORI

    Imagine fundal

    Culoare fundal [*] (ordinea este

    rosu/verde/albastru)

    Culoare text [*]

    Culoare link-uri [*]

    Link-uri vizitate [*]

    Link activat [*]

    (Mai multe informatii la http://werbach.com/web/wwwhelp.html#color)

    CARACTERE SPECIALE (trebuie sa fie minuscule)

    Caracter special ?; (unde ? este un cod ISO

    8859-1)

    < <

    > >

    & &

    " "

    Marc nregistrat

    Copyright

    Spatiu neignorat

    (Lista complet la http://www.uni-passau.de/%7Eramsch/iso8859-1.html)

  • FORM-URI

    Definire form

    N2.0 ncrcare fisier

    Cmp input

    Nume cmp

    Valoare cmp

    Apsat? (checkbox

    si radio)

    Dimensiune cmp (n

    caractere)

    Dimensiune maxim (n

    caractere)

    List de selectie

    Nume list

    Numr de optiuni

    Optiuni multiple (se pot

    selecta

    mai multe

    optiuni)

    Optiune (elemente

    ce pot fi

    selectate)

    Optiune implicit

    Dimensiune fereastr

    input text

    Nume fereastr

    N2.0 Spatiere text

    TABELE

    Definire tabel [*]

    Chenar tabel

  • Spatiu ntre celule

    Spatiu fat de marginea celulei

    Dimensiune dorit (n pixeli)

    Dimensiune procentual (procentaj din

    pagin)

    Linie tabel

    Aliniere

    Celul tabel (trebuie s

    apar n

    interiorul unei

    linii tabel)

    Aliniere

    Fr linii noi

    Pe cte coloane s se ntind

    Pe cte linii s se ntind

    N1.1 Dimensiune dorit (n pixeli)

    N1.1 Dimensiune procentual (procentaj din

    tabel)

    N3.0b Culoare fundal celul

    Header tabel (apare la fel ca

    datele din

    interior dar

    ngrosat, pe

    centru)

    Aliniere

    Fr linii noi

    Pe cte coloane s se ntind

    Pe cte linii s se ntind

    N1.1 Dimensiune dorit (n pixeli)

    N1.1 Dimensiune procentual (procentaj din

    tabel)

    N3.0b Culoare fundal

    Captur tabel

    Aliniere (nainte/dup

    tabel)

  • FERESTRE

    N2.0 Ferestre document (n loc de )

    N2.0 nltime linii (pixeli sau %)

    N2.0 nltime linii (* = dimensiune

    relativ)

    N2.0 Ltime coloane (pixeli sau %)

    N2.0 Ltime coloane (* = dimensiune

    relativa)

    N3.0b Dimensiune margini

    N3.0b Margine

    N3.0b Culoare margine

    N2.0 Definire fereastr (continutul unei

    ferestre

    individuale)

    N2.0 URL afisat n fereastr

    N2.0 Nume fereastr

    N2.0 Dimensiune margine (margine stnga si

    dreapta)

    N2.0 Dimensiune margine (margine de sus si

    de jos)

    N2.0 Bar defilare?

    N2.0 Neredimensionabil

    N3.0b Margini

    N3.0b Culoare margine

    N2.0 Continut fr ferestre (pt. browser-e ce

    nu cunosc frame-

    uri)

    JAVA

    Applet

    Nume applet

  • Parametri

    Locatie applet

    Identificator applet (pentru referiri din

    alt parte a paginii)

    Text alternativ (pt. browser-e non-

    Java)

    Aliniere

    Dimensiune (n pixeli)

    Distantare (n pixeli)

    MISC

    Comentariu (neafisat de browser)

    HTML 3.2 Prolog [*]

    De cutat (indic un index de

    cutat)

    Afisare (text de afisat la input)

    Trimitere cutare (a se folosi un semn de

    ntrebare)

    URL fisier curent (trebuie s fie n

    header)

    N2.0 Nume de baz fereastr (trebuie s fie n

    header)

    Relatie

    (trebuie s fie n

    header)

    Informatii meta (trebuie s fie n

    header)

    Foi de stil (nu prea rspndit

    nca)

    Scripturi Java (nu prea rspndit

    nca)

    Copyright 1995-1997 Kevin Werbach. Redistribuire non-comercial permis. Acest ghid nu

    este produs al Bare Bones Software; similaritatea numelor este pur coincident.

  • contentsgeneralstructurepresentationlinksdividerslistscolorspecialformstablesframesjavamisc