Avui, amb l'explosiu creixement d'Internet, les tecnologies web s'utilitzen cada vegada més, en particular HTML i navegadors web estàndard. HTML (HyperText Markup Language) és un llenguatge de marcatge d’hipertext. Aquest format determina l’aspecte del document, l’ordenació mútua de text, informació gràfica i multimèdia. Les campanyes es dediquen a la creació de llocs per molt diners. Però amb l'ajut de "html-tags" podeu crear un lloc web força interessant amb les vostres mans.
És necessari
- - navegador;
- - editor de text.
Instruccions
Pas 1
El format de fitxer HTML és bastant senzill. Qualsevol editor de text realitza la composició i la modificació del fitxer. S’utilitza un navegador web per veure els resultats. El principal avantatge dels documents HTML és la seva capacitat de fer referències creuades entre si. Les referències creuades us ajuden a referir-vos ràpidament a un document amb informació addicional sobre un tema d’interès i, a continuació, a continuar treballant amb el text d’origen. Qualsevol document escrit amb el llenguatge HTML consisteix en el contingut de la pàgina, és a dir, text i caràcters de control: etiquetes. Totes les etiquetes HTML s'han d'incloure entre claudàtors. Normalment, s’utilitzen una etiqueta inicial i una etiqueta final. L'etiqueta final es diferencia de l'etiqueta inicial per la presència d'una barra inclinada.
Pas 2
Per començar a crear un lloc, aneu a un editor de text (bloc de notes).
A continuació, introduïu les etiquetes:
HTML - / HTML: la primera i l'última etiqueta de qualsevol document HTML.
HEAD - / HEAD - inici i final del capçal del document.
TITLE - / TITLE - estableix el títol del document (títol de la finestra del navegador).
BODY - / BODY: principi i final del cos del document HTML, que defineix el contingut del document.
Pas 3
A continuació, heu d’estilitzar el text. Això requereix les etiquetes següents:
Hx - / Hx - (x és un número de l'1 al 6) descriu els encapçalaments a sis nivells diferents. L’encapçalament del primer nivell és el més gran, el sisè nivell és el més petit.
P - / P - descriviu un paràgraf (l'etiqueta / P pot estar absent).
ALIGN és un paràmetre que determina l'alineació del paràgraf:
ALINEAR = CENTRE - alineació central;
ALINEAR = DRETA - alineació dreta;
ALINEAR = ESQUERRA: alineació esquerra.
BR: aneu a una nova línia sense trencar cap paràgraf.
B - / B - mostra text en negreta.
I - / I - mostra text en cursiva.
U - / U - text subratllat.
VAGA - / VAGA: text ratllat.
BLOCKQUOTE - / BLOCKQUOTE - mostra pressupostos.
SUB - / SUB - mostra els subíndexs.
SUP - / SUP - visualització de superíndexs.
TT - / TT: utilitzeu un tipus de lletra amb una amplada de caràcter fixa.
BIG - / BIG: augmenta la mida del tipus de lletra actual.
SMALL - / SMALL: redueix la mida del tipus de lletra actual.
BASEFONT SIZE = n - (n és un número de l'1 al 7): el valor base de la mida del tipus de lletra.
FONT SIZE = + / - n - / FONT: canvieu la mida del tipus de lletra.
FONT COLOR = # xxxxxx - FONT - configuració del color de la font: Aqua - sea wave; Negre - negre; etc.
BODY: canvieu el color de fons.
HR: línia horitzontal, aquesta etiqueta pot utilitzar atributs:
COLOR: color de línia;
SIZE: amplada de línia en píxels;
AMPLADA: amplada de línia en píxels o com a percentatge de l'amplada de la finestra;
ALIGN: alineació de línia;
NOSHADE: pintura sense ombra;
Ombra: dibuix amb ombra.
Pas 4
Si heu d'inserir qualsevol llista al vostre lloc, heu d'introduir etiquetes:
UL - / UL - llista no ordenada (enumeració, sense ordre):
LI - definició d'un element de llista;
TYPE és un paràmetre que defineix un marcador de llista:
TIPUS = CIRCLE: es fa servir un cercle com a marcador;
TIPUS = DISC: el punt s'utilitza com a marcador;
TIPUS + QUADRAT: s’utilitza un quadrat com a marcador.
OL - / OL - llista numerada:
TYPE és un paràmetre que especifica el tipus de la llista:
TIPUS = A: les lletres llatines majúscules s’utilitzaran com a números de llista;
TIPUS = a - les lletres llatines minúscules s’utilitzaran com a enumeradors de llistes;
TIPUS = I: els números romans grans s’utilitzaran com a números de llista;
TIPUS = i: s'utilitzaran xifres romanes petites com a números de llista;
START és un paràmetre que defineix el número inicial de la llista.
DL - / DL - llista amb explicacions:
DT: designació d'un element de llista;
DD és una explicació per a un element de llista.
Pas 5
Per tal que el vostre lloc no estigui limitat a una pàgina, creeu-ne diverses. Per navegar, necessiteu hipervincles, que es defineixen amb les etiquetes següents:
A HREF = URL - / A - insereix un enllaç al document (entre etiquetes, heu d'introduir el text de l'enllaç).
HREF: adreça d'una pàgina o recurs;
URL: adreça uniforme del recurs: servis: // server [: port] [/path]:
servei: el nom del protocol (HTTP: accés a un document HTML, sol·licitud FTP d’un fitxer des d’un servidor FTP, accés FITXER a
fitxer a la màquina local);
servidor: especifica el nom del recurs;
port: número de port on s’executa el servidor web;
path és el directori on es troba el recurs.
A HREF = # nom del marcador - / A - inseriu un enllaç local (entre etiquetes, heu d'introduir el text de l'enllaç).
A NAME = nom del marcador - / A - defineix el marcador al qual es farà l'enllaç.
Pas 6
Perquè el lloc no sigui avorrit, cal un disseny gràfic. Per fer-ho, utilitzeu les etiquetes:
BODY BACKGRAOUND = "nom_fitxer": estableix la imatge utilitzada com a fons.
IMG SRC = "nom_fitxer": inseriu un fitxer gràfic en un document HTML, aquesta etiqueta utilitza els paràmetres:
ALT = "cadena de text": defineix una cadena de text que es mostra en lloc d'una imatge gràfica si el navegador ha desactivat la possibilitat de carregar gràfics automàticament;
ALÇADA, AMPLADA: alçada i amplada de la imatge en píxels;
HPACE, VSPACE: l'amplada de l'espai lliure que separa el gràfic del text horitzontalment i verticalment;
ALIGN: alineació del text en relació amb els gràfics.
Pas 7
I l’últim que heu de fer és desar el fitxer de text en format *.html i després iniciar-lo amb el navegador. El lloc està llest.
