HTML BASICO CLASE 1

QUE ES HTML? HyperText Markup Language (Lenguaje de Marcado de Hipertexto) Etiquetas con Corchetes Angulares (<>) Desciende del SGML (Standard Generalized Markup Language o "Lenguaje de Marcado Generalizado") tipo de MIME text/html tipo de MIME

Marcado HTML ELEMENTOS – etiqueta de inicio (p.ej. ) – Etiqueta de cierre (p.ej. ) – Contenido ATRIBUTOS

DOCTYPES 4.01 STRICT (ni font ni frameset) 4.01 TRANSITIONAL (inclu ye font pero no framesets) 4.01 FRAMESET

Mi primera pagina Mi Primera pagina Esta es mi primera pagina HTML. Por el momento solo se muestra unas cuantas cosas dentro de poco pondre aqui muchas cosas interesantes.

dir=“rtl” o dir=“ltr” lang=“es”

PARAGRAPH PARRAFO 1 PARRAFO 2

Formato del texto Here is some Hebrew text (ltr) twenty

PROBLEMAS CON UN POEMA

HEADINGS GRANDE MENOS GRANDE MEDIANO MEDIANO CHICO CHICO MUY CHICO

SALTOS DE LINEA

COMENTARIOS

This a link to Peter's page Mary's page Sue's page John's page This is a link to W3C. Pagina Nueva Last Page Misma Pagina – See also Chapter 4. – Chapter 4 Click here!

imagemap Para ver las cordenadas de la imagen

LISTAS – –

LISTAS ENLAZADAS (cambian solos los iconos) Coffee Tea Black tea Green tea Milk

This is a header This is a paragraph.

Row 1, cell 1 Row 1, cell 2 Row 2, cell 1 Row 2, cell 2 Row1, cell1Row1,cell2 Row2,cell1Row2,cell2

Cabeceras Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 HeadingAnother Heading Row1, cell1Row1,cell2 Row2,cell1Row2,cell2

colspan y rowspan Name Telephone Bill Gates NameTelephone Bill Gates

colspan y rowspan First Name: Bill Gates Telephone: First Name:Bill Gates Telephone:

First Row Second Row FirstRow SecondRow

First Row Second Row FirstRow SecondRow

Alinear contenido Money spent on.... January Clothes $ Make-Up $30.00 Food $ Sum $ Money spent on.... January Clothes$ Make-Up$30.00 Food$ Sum$

WIDTH First Row Second Row FirstRow SecondRow

WIDTH First Row Second Row FirstRow SecondRow

WIDTH First Row Second Row FirstRow SecondRow

WIDTH FIJOS (WIDTH=“150”) PORCENTAJE (WIDTH=“90%”)

FORMULARIOS. input elements

FORMULARIOS First name: Last name:

FORMULARIOS Male Female

FORMULARIOS I have a bike: I have a car: I have an airplane:

FORMULARIOS Volvo Saab Fiat Audi

FORMULARIOS Volvo Saab Fiat Audi

FORMULARIOS

FORMULARIOS The cat was playing in the garden.

FORMULARIOS Health information: Height Weight

FORMULARIOS Username:

FORMULARIOS Nombre: Mail: comentario:

FRAMES Título de la página Lo siento,su navegador no soporta frames. Pulse aquí para acceder a los contenidos de estas páginas.

FRAMES Contenido del frame1.htm Contenido del frame2.htm

FRAMES

FRAMES Contenido del frame1.htm Contenido del frame2.htm Contenido del frame3.htm

FRAMES

FRAMES Frame A Frame BFrame C

FRAMES TARGET=_top, hace que la página se cargue en la ventana completa del navegador. TARGET=_self, hace que la página se cargue en la misma ventana del frame actual. TARGET=_parent, hace que la página se cargue en el frame "padre", del que desciende el actual TARGET=_blank, hace que la página se cargue en una nueva ventana. TARGET=nombre, hace que la página se cargue en el frame llamado nombre. Si no existe se carga en una ventana nueva

FRAMES TARGET=_top Frame A Frame BFrame C LINK con Target=“_top”

FRAMES TARGET=_self Frame A Frame BFrame C LINK con Target=“_self”

FRAMES TARGET=_parent Frame A Frame BFrame C LINK con Target=“_parent”

FRAMES TARGET=titulo Frame A Frame BFrame C LINK con Target=“titulo”

COLS=*,5* dos columnas, la segunda cinco veces mayor que la primera COLS=150,*,150 tres columnas, la primera y tercera de 150 píxels, la segunda ocupa el resto. ROWS=20%,80% dos filas que ocupan el 20 % y el 80 % del espacio respectivamente.

ATRIBUTOS DE FRAME TAG SCROLLING= yes, no, auto. Indica si el frame llevará siempre, nunca o cuando lo necesite, barra de deslizamiento vertical BORDERCOLOR="color". Indica el color del borde MARGINWIDTH=n. Indica el margen horizontal, tanto derecho como izquierdo, en píxels MARGINHEIGHT=n. Indica el margen vertical, tanto superior como inferior, en píxels NORESIZE. Indica que el frame no se puede redimensionar. Si no se pone este atributo colocando el cursor en el borde del frame, permitiría su deslizamiento

ATRIBUTO FRAMESET FRAMEBORDER=yes, no

IFRAMES Your browser does not support iframes. Contenido Pagina contenedora Contenido iframe1.htm

IFRAME PROPIEDADES SRC WIDTH SCROLLING HEIGHT NAME CLASS ID FRAMEBORDER (0 o 1)

SCRIPTS

HOJAS DE ESTILO

CARACTERES ESPECIALES Caracter Entidad HTML á á é é í í ó ó ú ú ñ ñ Ñ Ñ