Comandos html

3,725 views
3,426 views

Published on

Estos son algunos comandos para crear una pàgina web en html.

Published in: Education
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
3,725
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
30
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Comandos html

  1. 1. NOMBRE: CASTRO JUAN SEXTO SEMESTRE TEMA:COMANDOS EN HTML
  2. 2. 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.
  3. 3. 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.
  4. 4. <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.
  5. 5. </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.
  6. 6. <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
  7. 7. Amarillo = #FFFF00Azul = #0000FFAzul Claro = #00CCFFBlanco = #FFFFFFGris = #CC9999Lila = #CC33FFNegro = #000000Rojo = #FF0000Verde = #00FF00
  8. 8. <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
  9. 9.  <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>
  10. 10. <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
  11. 11. <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
  12. 12.  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>
  13. 13.  <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:andres@ing.puc.cl y así aparecerá una ventana de mail a andres@ing.puc.cl al apretar el texto o imágenes que se encuentren dentro de estos parámetros. &ntilde; Con este comando se escriben la ñ. &nbsp; Se utiliza para ingresar espacios dentro del texto, para ingresar más de un espacio en la página.
  14. 14. <COMMENT>.....< /COMMENT>Define un comentario. Todo el texto es ignorado aun si incluye codigoHTML.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 3es 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 separadapor comas. Por ejemplo: Arial, Verdana, etc.
  15. 15. <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 comoporcentaje de la página, ejemplo. WIDTH=70% .ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, oCENTER.NOSHADE--Muestra la línea como sólido.
  16. 16. <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.
  17. 17. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o"INFINITE" repite indefinidamente.SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cadadisplay.SCROLLDELAY="n"--Indica el tiempo de espera para mostrarcada 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 %.
  18. 18. <BGSOUND atributo1 atributo2>Reproduce un archivo de sonidos en el fondo cuandola página es cargada. Este archivo de sonido puede serde 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ónsin interrupción.
  19. 19. <EMBED atributo1 atributo2>< /EMBED>Inserta un objeto multimedia, como un corto de video o sonido, en lapá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 lapágina.
  20. 20. WIDTH="..."--Especifica el ancho donde se mostrará el objeto.START="..." Especifica el momento inicial de reproducción del video. Sepuede 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. Sepuede soportar una imagen usando el SRC de primero para aquellosBrowser que no soportan Videos.
  21. 21. <FRAMESET atributo1="..." atributo2="...">...< /FRAMESET>Define una serie de ventanas que forman una página. Loscomandos FRAME, y NOFRAMES van dentro de FRAMESET. Elcomando FRAMESET se usa como el comando BODY.Se puede incluir un comando BODY dentro del comandoNOFRAMES para aquellos browser que no soportan frames.Atributos:BORDER="..."--Indica el ancho (en pixels) del borde alrededor delframe.(Netscape)COLS="..."--Crea el frame como columnas y fija el tamaño de cadacolumna. El ancho se puede expresar en %, pixels, o en tamañorelativo (*). Por ejemplo, Si usted queire 3 frames de igual tamañoen forma de columna use el atributo COL así: COLS=33%,33%,*
  22. 22. FRAMEBORDER="..."--Especifica si se muestra el borde del frameen 3D o No. Los valores comunes son; 0 (sin borde) o 1(Omisión).(IE)FRAMESPACING="..."--Especifica la separación en pixels entreframes.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 unogrande debajo el atributo ROWS sería: ROWS=15%,*SCROLLING="..."--Indica si los frames llevan barra dedesplazamiento.Los valores mas comunes son "yes", "no", y "auto".
  23. 23. <FRAME atributo1="..." atributo2="...">Define un frame simple.Atributos:BORDER="..."--Especifica el ancho en pixels del borde alrededor delframe.(Netscape)FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3Do 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.
  24. 24. <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 frameen 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.
  25. 25. ANAME="..."--signa un nombre al frame.NORESIZE--Impide que el usuario cambie el tamaño.SCROLLING="..."--Indica si los frames llevan barra dedesplazamiento. 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 estecomando se ve solo en browsers que no soportan frames.

×