Sunteți pe pagina 1din 10

LENGUAJE HTML

Julio Moreno Garca Profesor del Curso - 2013

Julio Moreno Garca -

Unidades base del Lenguaje HTML

qu son?

ETIQUETAS se basa en Hyper Text Markup Language

Informacin que puede o no ser relevante

Contiene informacin del contenido

elementos estructura contenido formato

cabecera
elementos <HTML> <HEAD> </HEAD> <BODY> Contenidos </BODY> </HTML> estructura

cuerpo

pueden ser

deriva
Lenguaje creado para construir pginas web

emparejadas

no emparejadas

<frameset> </frameset>

<hr> <p>

definicin

Julio Moreno Garca - Claretiano

&lt;

&Ntilde; &uuml; ejemplos Direction Left right

Son caracteres que se emplean en situaciones especiales marquesinas caracteres especiales

Behavior scrolldelay scrollmount width height

scroll alternate

FORMATEO
formato Mejora la presentacin de tus textos <b>, <i>, <u> <s>, <tt>, <big> <small>, <em> <kbd>, <samp> <strong>, <sub> <sup> <blink> (opcin que slo se ejecuta en N o Mozilla)

<!- - texto - -> prrafos Sirven slo de referencia, no son ejecutables encabezados <p> <br> <hr> Noshade Width size formateo

<h1> <h6>

Uso de font Color Size Face

Julio Moreno Garca - Claretiano

comentarios

resaltado

Forma de ordenar la informacin

ORDENADAS = orden = numeradas Parmetros <ol> </ol> start = valor type = A, a, I, i, 0 DESORDENADAS = sin orden = vietas Parmetros <ul> </ul> type = disk, square, circle

definicin

tipos

LISTAS

Julio Moreno Garca - Claretiano

DE DEFINICIN Parmetros <dl> </dl> <lh> </lh> <dt>

Conjunto de pginas relacionadas entre s

Ruta o URL

definicin

estructura

<A HREF= XXXX > YYYY </A>


Nombre de acceso

Internos = misma pgina (documentos extensos) Remotos o externos = protocolo HTTP:// tipos

Internos = documentos propio = misma mquina


Correo Electrnico = mailto: email de usuario

Julio Moreno Garca - Claretiano

Qu es una celda?

Divisin de una ventana en celdas

definicin Es la interseccin de una fila y una columna o viceversa

estructura

<TABLE> </TABLE> = define la tabla <TH></TH> = encabezado a la columna <CAPTION></CAPTION> = ttulo de la tabla <TR></TR> = define la fila <TD></TD> = define la columna

descripcin

Julio Moreno Garca - Claretiano

TABLE Parmetros bgcolor/background = color y fondo border = borde de la tabla. Defecto 1 width = ancho, puede ser pixeles o % height = alto, puede ser pixeles o % cellspacing = espacio entre celdas cellpading = espacio entre el borde y el contenido

CAPTION Parmetros align = top, bottom

TR Parmetros align = left, rigth, center valign = top, middle, bottom

TD/TH Parmetros align = left, rigth, center valign = top, middle, bottom colspan = unir columnas rowspan = unir filas Bgcolor/background = color y fondo

Las divisiones son independientes

Permite distribuir mejor los datos de las pginas

BODY

NO UTILIZAN

definicin estructura

<FRAMESET .> <FRAME SRC =.> </FRAMESET>

NO FRAMES

descripcin

FRAMESET = define las zonas Parmetros cols = define las columnas, pueden ser pixeles o % rows = define las filas, pueden ser pixeles o % frameborder = tamao de los bordes de los marcos framespacing = controla el espacio de cada marco FRAME = indica como se ver cada zona Parmetros name = da el nombre a un marco src = indica el URL noresize = evita el redimensionamiento frameborder = grosor o borde scrolling = barra de desplazamiento (auto, no, yes) marginwidth = cambia mrgenes (ancho) marginheiht = cambia mrgenes (alto)

Julio Moreno Garca - Claretiano

despus del FRAMESET

dnde se colocan?

Se usan para visualizar el contenido en navegadores que no soportan FRAMES

estructura

<NOFRAMES> <BODY> CONTENIDO </BODY> </NOFRAMES>

<IMG> GIF, PNG = logos o dibujos = 256 colores JPG = fotografas = formato ms pesado

qu etiqueta emplea?

Qu formatos soporta?

Cmo enlazo una imagen?

Qu parmetros emplea?

SRC = nombre del archivo o URL ALT = texto que se mostrar con la imagen NAME = nombre asignado dentro de HTML BORDER = grosor del cuadro de la imagen HEIGHT = altura de la imagen WIDTH = ancho de la imagen

<A HREF=><IMG SRC=></A>

Julio Moreno Garca - Claretiano

WAP = corta duracin, no usa complementos MP3 = USA Plugin = Qtime, Winamp, Windows Media Player MIDI = formato para msica. No funciona en todo los browsers <A HREF=> CONTENIDO </A> qu formatos maneja? ETIQUETAS <EMBED> SRC = ruta del archivo AUTOSTART = indica si se inicia o no automticamente. V o F WIDTH = ancho de los controles HEIGHT = alto de los controles HIDDEN = oculta o muestra los controles. V o F <BGSOUND> = SRC y LOOP. Exclusivo de IE

formatos

AVI = video digital MOV = reproducido por Qtime MPEG = video digital

<A HREF=> CONTENIDO </A> <EMBED> SRC = ruta del archivo AUTOSTART = indica si se inicia o no automticamente. V o F WIDTH = ancho de los controles HEIGHT = alto de los controles HIDDEN = oculta o muestra los controles. V o F

ETIQUETAS

Julio Moreno Garca - Claretiano

S-ar putea să vă placă și