URL/I: [Universal o Uniform] Resource Locator/Identifier (adreça on es
troben els recursos en la xarxa la seva estructura es:
http://dominiOrdinador/directoriOrdinador/fitxer )
INTRODUCCIO
El HTML es una aplicacio de SGML (Standard Generalized Markup Language), un
sistema per definir tipus de documents estructurats i llenguatges de marques,
per representar aquests mateixos documents.
El DTD es l'especificacio formal d'un llenguatge de marques, escrit
utilitzant el SGML.
El terme HTML es refereix a ambdues coses: el tipus de document i el
llenguatge de marques.
El HTML es un sistema per estructurar documents, aquests documents poden ser
visualitzats per visors de pagines WEB en Internet, aquests documents son
documents hipertext, aixo vol dir que permeten a mes d'incloure text,
incloure ilustracions i fer enlla‡os a altres documents hipertext que
desenvolupen o fan referencia al mateix tema.
En realitat encara no existeix un estandard de HTML a Internet, doncs
existeixen 3 revisions o nivells d'estandaritzacio, que encara no han estat
acceptats:
la versio 1.0, que en realitat no existeix com estandard, doncs mai es va
realitzar una especificacio formal del mateix.
la versio 2.0 es un estandar de fet, i encara esta pendent la proposta
d'estandaritzacio.
la versio 3.0 , que esta en experimentacio, encara que molts visors
accepten algunes de les seves propostes.
Nosaltres estudiarem HTML 2.0 i veurem algunes propostes de l'ampliacio de
HTML 3.0 soportades per alguns visors.
Que quedi clar que escriure pagines WEB no vol dir en cap cas programar en
HTML, com tampoc no es programa en WORD, WordPerfect, ...
ESPECIFICACIO
En la codificacio dels caracters en HTML s'utilitza el codi ASCII de 7 bits,
pel que ens haurem d'ajudar d'algunes marques especials per poder escriure
alguns tipus de caracters, p.e. : lletres accentuades, o amb dieresi ...
Els caracters en blanc i tabuladors es redueixen a un unic caracter, quan no
hi son en un bloc preformatejat.
Els caracters que no hi son dins de la taula de caracters ACII de 7 bits han
d'esser indicats d'alguna de les dues formes:
Referencia per nom: El caracter es representa amb un &
seguit del nom del caracter i un punt i coma. Exemple: & ----> &
< ----> <
Referencia numerica: El caracter es representa amb un &#
seguit del numero de caracter seleccionat (taula ASCII de 8 bits). Exemple:
& -----> & < -----> <
Com excepcio tenim que el caracter & es representa a si mateix si no va seguit
de # o d'una lletra.
Per a mes informacio sobre els caracters a HTML, aneu a la pagina de J. Boneu
codisJBC.htm .
HTML consta de directives que permeten indicar com volem presentar el
document. Les directives poden ser obertes i tancades, la diferencia entre
ambdues es que mentres les directives tancades necessiten de dues marques
(inici i final) en les directives obertes nomes cal especificar l'ordre
inicial. Exemple:
Tancades : .....
Cap‡aleraH1
Obertes : <---- una linia horitzontal.
Comentaris:
IDENTIFICACIO DE LA VERSIO HTML EN UN DOCUMENT.
===============================================
Cada document ha de comen‡ar per la seguent declaracio:
ESTRUCTURA DELS DOCUMENTS.
==========================
Els documents en format HTML son un conjunt d'elements aniuats. En el nivell
mes alt tenim l'element HTML, amb les marques inicial i final :
Aquest element consta de dues parts: cap‡alera i cos
En la cap‡alera tindrem informacio referent al document, mentres que
en el cos tindrem la pagina, es a dir la informacio que s'ha de representar
a l'usuari a traves del visor.
En el cos es poden incloure tot tipus d'elements i marques.
____________________________________________________________________________
NOTA IMPORTANT:
La majoria de servidors distingueixen entre MAJUSCULES i minuscules, per tant
per estalviar-nos problemes seguirem la seguent norma:
Tots els LINKS (enlla‡os), noms de fitxers, etc. els escriurem en minuscules.
-----------------------------------------------------------------------------
tot el possat entre corxets([,]) es optatiu.
-----------------------------------------------------------------------------
ESTRUCTURACIO DE LA PAGINA WEB :
================================
titol de la pagina
; indica el nom del document, els visors l'utilitzen
; generalment com etiqueta de la finestra. Aquest camp
; es l'unic que es obligatori a la cap‡alera.
; veure PROVA1.HTM
[
; Proporciona una adre‡a base per interpretar els
; enlla‡os relatius, quan el document es llegeix fora
; del seu context (servidor de pagines WEB), p.e.:
; quan el tenim emmagatzemat en disc.
; veure PROVA2.HTM
]
[ ; El visor interpretara que la pagina es un index i
; permetra a l'usuari introduir paraules clau i
; cercar-les.
; veure PROVA2.HTM
]
[ ; Podem incloure varis enlla‡os relacionats amb el
; document, com versions anteriors, adre‡a de l'autor,
; altres documents,...
; veure PROVA2.HTM
]
[
; Serveix per donar-nos informacio sobre el document
; que els altres camps no ens han donat.
; La informacio s'escriu utilitzant parells nom/valor
; que poden ser utilitzats amb dos proposits:
; 1. Donar dades al servidor de HTTP per que generi
; camps de cap‡aleres (com per exemple: la data de
; caducitat d'un document que s'actualitza periodicament
; o
; 2. Per que un usuari inclueixi informacio addicional
; sobre el document com paraules clau o nom de l'autor.
; veure PROVA2.HTM
;
; name = nom inventat per l`usuari.
; http-equiv = es un valor equivalent real en HTTP
]
[ ]
[ ]
[ ]
[ ]
[ ]
[ ]
; despres de passats n-segons saltara a la pagina
; especificada en URL
; veure PROVA2.HTM
[ ; Actualment ja no s'utilitza, ho feien servir els
; editors de HTML per assignar noms als documents de
; forma automatica.
]
----------------------------------------------------------------------------
;color dels enlla‡os visitats. ]
[ ...text...
; Per definicio d'anclatges, en el lloc on possem,
; aquesta 'ancla' podra ser un lloc de desti per ser
; cridat. De l'ancla nomes es visualitza el que possem
; a la part de '...text...', sino volem visualitzar res
; no possarem res. ]
[ ...text...
; Per indicar una referencia d'un altre punt.
; aquesta referencia pot ser nomes una adre‡a a un
; altre pagina sense indicar cap 'ancla' de la pagina
; en aquest cas fariem ...text...
; o be un altre pagina indicant una 'ancla' en aquest
; cas fariem ...text...
; I si nosaltres el que volem fer es un salt dins de la
; propia pagina farem ...text...
;.El que nosaltres hem escrit a '...text...' sera
; visualitzat subratllat en un altre color (alink, link).
; El nom que se li dona a l'ancla a d'esser identic al que se
; li dona a l'enlla‡, respectant majuscules i minuscules
; Si els enlla‡os son dins del propi servidor es convenient
; suprimir de l'URL la informacio a (http://host/) per
; agilitzar transferencies. ]
[ ...direccio o signatura... ; Es representa en cursiva
normalment, i pot estar tabulat ]
[ ...text en Negreta... ]
[ ]
[
...text cita...
; indica que el text es una
; cita d'un altre font, s'acostuma a representar amb TAB a
; esquerra i dreta i en cursiva. Si el sistema no te cursiva ho
; fara per 'quotes' de forma similar a com es fan les repliques
; en e-mail. Normalment fa un sangrat ]
[ ; provoca un salt de linia ]
[
...Centrar un text...
]
[ ...El text es una cita... ; generalment es veu en cursiva]
[ ...exemple de codi en el text... ;
