comandos html
DESCRIPTION
Estos son algunos comandos para crear una pàgina web en html.TRANSCRIPT
NOMBRE: CASTRO JUAN SEXTO SEMESTRE
TEMA:COMANDOS EN HTML
Detallamos a continuación los pasos a seguir para crear una página web, luego de esto se pueden ir ingresando los comandos que se necesiten para agregar: textos, imágenes y sonidos, etc.
1. Primeramente se aconseja crear un directorio donde de van a guardar
todos los archivos de la página web que se va a utilizar, esto se debe a que las imágenes, sonidos o videos no se guardan dentro del archivo sino en forma separada (no como en Word). En HTML las páginas Web sólo contienen texto, no están guardadas en ellas propiamente tal ningún otro tipo de archivo.
2.- Abrir un editor de texto básico del computador (blog de notas), para luego guardar un archivo con el código en HTML. La extensión con que se guarda el archivo tiene que ser (.html o .htm), por ejemplo tarea.htm.
3.-Tener abierto un navegador con el archivo que se está creando para ver
los resultados inmediatamente, para así ir creando y diseñando la página web.
<html> </html> Para indicarle al browser que es código HTML el que viene descrito a
continuación, se limita todo el código por estos dos parámetros. Dentro de ellos se escribe el código de la página.
<title> </title>
Entre estos dos comandos va escrito el título de la página, este va en la parte superior de la ventana que despliega el browser.
<br>
Este comando sirve para insertar un salto de línea dentro de la página.
</body> Entre estos parámetros se escribe todo el texto de la página, el cuerpo del documento (BODY). Con estos comandos se define el color general de:
bgcolor=# color del fondo de la página, este color puede ser cambiado
por un fondo, (background) text=# es el color del texto general de la página link=# color del texto con link vlink=# color del texto de link visitado alink=# color del texto de link activo background="" en este comando se puede detallar un fondo específico
para la página, un archivo de imagen.
<p> Sirve para ingresar párrafos específicos dentro del contenido
<h!!> </h!!>
Especifica el tipo de título con un número del 1 al 6 en vez de !!, especificando la importancia del título.
<fontface="Arial,Helvetica"color=# size=%%> </font>
Sirve para especificar las fuente del texto que va entre estos dos parámetros.
face="Arial,Helvetica" Especifica el tipo de letra a utilizar. color=# Especifica el color del texto a utilizar, descrito en anterioridad
Los colores se definen en formato RGB, . Estos colores consisten de seis dígitos, o letras desde la A hasta la F.
size=%% Detalla el tamaño de la letra elegido, número entre el -6 y el +6,
en vez de %%.
Ejemplo de Font Arial, Helvetica y color #000000
Amarillo = #FFFF00
Azul = #0000FF
Azul Claro = #00CCFF
Blanco = #FFFFFF
Gris = #CC9999
Lila = #CC33FF
Negro = #000000
Rojo = #FF0000
Verde = #00FF00
<b> </b> El texto que va entre estos dos parámetros se encuentra en BOLD, o Negritas.
<i> </i> El texto que va entre estos dos comandos se encuentra en Itálicas. Ejemplo de Itálicas
<u> </u>
El texto que va entre estos dos parámetros está subrayado. Ejemplo de Bold
<img src="$$" > Este comando inserta imágenes dentro de las páginas web, tiene que esta especificado el directorio en el caso que no se encuentre la imagen en el mismo directorio que la página.
<img src="$$" align=" " > Detalla el alineamiento que tendría la imagen (derecho=right, izquierdo=left y centrado=center)
EJEMPLO <CENTER><img src="rosas.gif"></CENTER>
<li> </li> Ayuda a ingresar viñetas dentro del texto.
Ejemplo de Viñeta <ol><li> </li><li> </li>...</ol> Este comando inserta viñetas con números, estos son contiguos. 1.-Ejemplo de Viñeta Numerada <center> </center>
Centra un objeto, texto, imagen, tabla, etc. <p align="left">
izquierda</p> Deja el texto a la izquierda de la página <p align="right">
derecha </p> Deja el texto a la derecha de la página
<table> <tr colspan="N"> <td rowspan="N"> </table> Comandos para definir una tabla <tr></tr> Se utiliza para definir una fila. <td> </td>Define una columna de la tabla
Ej de una tabla de de 2 por 3, dos columnas por tres filas <table border=1>
<tr> <td> 1</td> <td>2</td> <td>3 </td> </tr> <tr> <td> 4</td> <td> 5</td> <td> 6 </td> </tr> </table>
<a href="$$"> </a> Sirve para realizar direccionamiento a nuevas páginas webs, LINKS. Puede ser un texto o una imagen. En vez de $$, se puede colocar la dirección a donde va a apuntar, http://www.ing.puc.cl o puede ser colores.htm, también puede ser reemplazada por mailto:[email protected] y así aparecerá una ventana de mail a [email protected] al apretar el texto o imágenes que se encuentren dentro de estos parámetros.
ñ
Con este comando se escriben la ñ.
Se utiliza para ingresar espacios dentro del texto, para ingresar más de un espacio en la página.
<COMMENT>.....< /COMMENT> Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".
<FONT atributo=">...< /FONT> Fija las propiedades y el tipo de letra del texto que contiene. Atributos: SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor por omisión. Se puede especificar valores relativos, ejemplo. SIZE=+3 . COLOR="..."--Especifica el color de las letras. FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc.
<HR atributo1="..." atributo2="..."> Inserta una línea horizontal. Atributos: SIZE="..."--Especifica el grosor de la línea. COLOR="..."--Especifica el color de la línea.(IE) WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% . ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. NOSHADE--Muestra la línea como sólido.
<MARQUEE atributo1 atributo2>...< /MARQUEE> Fija un texto que se desplaza por la pantalla. Atributos: ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM".
BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se desplaze afuera y adentro , "ALTERNATE" muestra el tetxo adelante y atras repetidamente.
BGCOLOR="..."-- Fija el color de fondo.
DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT“ . HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del
texto.
LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente.
SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display.
SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto.
VSPACE="n"-- Fija el margen superior e inferior del texto.
WIDTH="..."-- Fija el ancho del Marquee en pixels o %.
HEIGHT="..."-- Fija la altura del texto en Pixels o %.
<BGSOUND atributo1 atributo2> Reproduce un archivo de sonidos en el fondo cuando la página es cargada. Este archivo de sonido puede ser de tipo (.wav or .au) o midi (.mid). Atributos: SRC="..."-- indica el archivo de musica.
LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproducción sin interrupción.
<EMBED atributo1 atributo2>< /EMBED> Inserta un objeto multimedia, como un corto de video o sonido, en la página. En los browser modernos se mantiene por compatibilidad. Atributos:
SRC="..."-- Indica la ubicación del archivo.
AUTOSTART="..."--Especifica si iniciar la ejecución o No."TRUE" o "FALSE".
HIGHT="..."-- Especifica el tamaño en pixels o %.
LOOP="..."-- Fija el numero de repeticiones. Los valores son "TRUE" o "FALSE".
NAME="..."-- Indica el nombre del Objeto, en caso de haber otros en la página.
WIDTH="..."--Especifica el ancho donde se mostrará el objeto.
START="..." Especifica el momento inicial de reproducción del video. Se puede usar "FILEOPEN" por omisión, "MOUSEOVER", o ambos.
CONTROLS : Activa una serie de controles de Video. DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se
puede soportar una imagen usando el SRC de primero para aquellos Browser que no soportan Videos.
<FRAMESET atributo1="..." atributo2="...">...< /FRAMESET> Define una serie de ventanas que forman una página. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando FRAMESET se usa como el comando BODY. Se puede incluir un comando BODY dentro del comando NOFRAMES para aquellos browser que no soportan frames. Atributos: BORDER="..."--Indica el ancho (en pixels) del borde alrededor del frame.(Netscape)
COLS="..."--Crea el frame como columnas y fija el tamaño de cada columna. El ancho se puede expresar en %, pixels, o en tamaño relativo (*). Por ejemplo, Si usted queire 3 frames de igual tamaño en forma de columna use el atributo COL así: COLS=33%,33%,*
FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).(IE)
FRAMESPACING="..."--Especifica la separación en pixels entre frames.
ROWS="..."--Al igual que COLS especifica frames en forma de filas. Por ejemplo, si desea un pequeño frame arriba de la página y uno grande debajo el atributo ROWS sería: ROWS=15%,*
SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto".
<FRAME atributo1="..." atributo2="..."> Define un frame simple.
Atributos: BORDER="..."--Especifica el ancho en pixels del borde alrededor del frame.(Netscape)
FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el margen izquierdo y derecho.
NAME="..."--Asigna un nombre al frame.
NORESIZE--Impide que el usuario cambie el tamaño. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto".
SRC="..."--Indica el archivo que contiene el frame.
<IFRAME atributo1="..." atributo2="...">< /IFRAME> Define un frame eventual. No necesita el comando FRAMESET. Atributos: ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y RIGHT.
FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).
HEIGHT="..."--Especifica la altura del frame eventual.
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el margen izquierdo y derecho.
ANAME="..."--signa un nombre al frame.
NORESIZE--Impide que el usuario cambie el tamaño.
SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto".
SRC="..."--Indica el archivo que contiene el frame.
WIDTH="..."--Especifica el ancho del frame eventual.
<NOFRAMES>...< /NOFRAMES> Se utiliza dentro de FRAMESET, cualquier objeto dentro de este comando se ve solo en browsers que no soportan frames.