programación basica en html

Post on 13-Jun-2015

1.173 Views

Category:

Education

4 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

PROGRAMACIÓN EN HTML

Autor:Caguana Caguana Henry Pablo

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

Se debe abrir un nuevo documento

Bloc de notas

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

escribir la extensión “.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

<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

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

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>

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

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>

top related