programación basica en html

10
PROGRAMACIÓN EN HTML Autor: Caguana Caguana Henry Pablo

Upload: henry-price

Post on 13-Jun-2015

1.173 views

Category:

Education


4 download

DESCRIPTION

Aquí se explica lo programación básica en HTML.

TRANSCRIPT

Page 1: Programación basica en html

PROGRAMACIÓN EN HTML

Autor:Caguana Caguana Henry Pablo

Page 2: Programación basica en html

HTML Hace referencia al lenguaje de marcado predominante para la

elaboración de páginas web que se utiliza para describir y traducir la

estructura y la información en forma de texto, así como para

complementar el texto con objetos tales como imágenes

Page 3: Programación basica en html

Se debe abrir un nuevo documento

Bloc de notas

Page 4: Programación basica en html

En el momento de guardar.Se le debe asignar un nombre y al final

escribir la extensión “.HTML”

Page 5: Programación basica en html

En HTML existen comandos básicos que deben cerrarse al

final de la programación.

Ejemplo:

<HTML>

<HEAD>

<TILTE>Forma general de Cerrar

Ejemplo:</TITLE></HEAD></HTML>

Se aumenta un / al inicio del comando

Deben ser c

errados

de adentro hacia

afuera

Page 6: Programación basica en html

<HTML>

<HEAD>

<TITLE>

CUALQUIER TITULO

</TITLE>

</HEAD>

</HTML>

ESTRUCTURA BÁSICA PARA PROGRAMAR EN HTML

Iniciamos la Programación

Permite Insertar Títulos de pestañas

Escribimos cualquier titulo sin <> ni “ ”

Cerramos el titulo de pestaña

Terminamos la Programación

Detalla el Encabezado de la pagina

Cerramos el detalle de la pagina

Page 7: Programación basica en html

COMANDO DE HTMLComando Tipo Aplicación

<BODY> CERRADO Procesos de programación

<FONT COLOR> CERRADO Cambia color de letra

<FONT ZICE> CERRADO Cambia tamaño de letra

<FONT FACE> CERRADO Cambia el tipo de letra

<OL> CERRADO Crea listas numeradas

<UL> CERRADO Crea listas con viñetas

<LI> ABIERTO Coloca la viñeta especificada

<CENTER> CERRADO Centra títulos o imágenes

<P ALING> CEARRADO Dirección de párrafo

<HR> ABIERTO Crea líneas al final de lo escrito

<BR> ABIERTO Salto de línea

<IMG SRC> ABIERTO Inserta imágenes

<MARQUEE> CERRADO Permite movimiento en imágenes o letras

<META> ABIERTO Información sobre la pagina web

Page 8: Programación basica en html

EJEMPLO<html>

<head>

<title>

Prueba

</title>

</head>

<body>

<FONT SIZE=60><FONT FACE=ARIAL><FONT COLOR=RED><marquee> prueba</marquee></FONT></FONT></FONT><HR>

<img src=“fondo2.jpg”>

<CENTER><ol type= I >

<li>capitulo

<li>capitulo

<li>capitulo</FONT>

</ol>

<marquee> prueba</marquee></CENTER>

</body>

</html>

Page 9: Programación basica en html

COMANDO DE HTMLComando Tipo Aplicación

<P> CERRADO Elabora párrafos

<B> CERRADO Negrita

<I> CERRADO Cursiva

<U> CERRADO Subrayado

<S> CERRADO Tacha

<BODY BACKGROUND> CERRADO Imagen de fondo

<BODY BGCOLOR> CERRADO Color de fondo

<TABLE> CERRADO Inicio de Tablas

<TR> CERRADO Inicio de fila

<TD> CERRADO Creación de celdas

<TABLE BORDER> CERRADO Visualiza bordes de tabla

<BORDERCOLOR> CERRADO Color de borde de la tabla

Page 10: Programación basica en html

EJEMPLO

<HTML>

<HEAD>

<TITLE>

TABLA

</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=5>

<TR>

<TD>NOMBRE</TD>

<TD>CURSO</TD>

</TR>

<TR>

<TD>FECHA</TD>

<TD>03/10/2012</TD>

</TR>

</TABLE>

</BODY>

</HTML>