Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    yojanszsykes
    10 views8 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views8 pages

    HTML

    Uploaded by

    yojanszsykes

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    Repblica Bolivariana de Venezuela Ministerio del Poder Popular para la Defensa Universidad Nacional Experimental Politcnica de la Fuerza Armada

    U.N.E.F.A Zaraza Estado Gurico

    HTML Y SUS COMANDOS

    Profesora: Ing. Frenmily Diaz

    Integrantes: Hernndez Yojan Seccin 1T 8vo Semestre

    Zaraza, Noviembre de 2012

    HTML

    El HTML, Hyper Text Markup Language (Lenguaje de marcacin de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el fsico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programacin como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente ste no lo detectar y se visualizara en la forma como ste lo entienda.

    El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensin .htm o .html,

    Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer. Tambin existe el HTML Dinmico (DHTML), que es una mejora de Microsoft de la versin 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la pgina palabra por palabra o efectos de transicin al estilo de anuncio publicitario giratorio entre pgina y pgina.

    Comando de HTML

    Etiquetas TOP

    <html> </ html> etiquetas que indican el comienzo y el final de un documento html;

    <head> </ head> Encabezado; Informacin <meta> Meta (se encuentra entre head </ head>; <meta http-equiv="refresh" content="x"> actualiza la actual pag cada X segundos; <meta http-equiv="refresh" contenido ="x url=proxima.htm"> actualiza la actual pag cada X segundos y pasa a la pgina siguiente; <meta name="palavras chave" content="x"> comunica palabras clave y la enva a los motores de bsqueda; <meta name="descripciono" content="x"> comunica la descripcin de motores de bsqueda; <title> </ title> Identifica el ttulo de la pgina; <body> </ body> arranca y para el cuerpo del documento html; ="imagem.gif"> <body fondo poner un fondo en una pgina; <body bgcolor="#cccccc"> poner un color de fondo en la pgina; <body text="#000000"> especifica el color predeterminado de un texto; <body link="#000000"> especifica el color por defecto de un enlace; <body vlink="#000000"> especifica el color predeterminado para un enlace visitado; <body alink="#000000"> especifica el color predeterminado de un enlace activo; <body leftmargin="0" topmargin="10" rightmargin="10"> especifica la distancia desde la izquierda, la derecha y la parte superior de la pgina; <body marginwidth="0" marginheight="0"> pone los mrgenes izquierdo y superior a 0 en Netscape 4.0 +; <body onload="x()"> especifica el inicio de un evento cuando el script se carga html doc

    Las fuentes y tipos de etiquetas

    <basefont size="x"> Establece un tamao por defecto de 1-7, donde el tamao por defecto es 3;

    <h> </ h> Header 1-6 (en otras palabras <h1> texto </ h1> o <h2> texto </ h2>; <b> </ b> Texto en negrita; <strong> </ strong> Al igual que en negrita; <i> </ i> Cursiva; <u> </ u> Subrayado; <strike> </ strike> texto tachado; <sub> </ sub> subndice texto; <sup> </ sup> texto de superndice; <tt> </ tt> Texto teletipo (ancho fijo); <small> </ small> Texto ms pequeo; <big> </ big> texto ms grande; <font tamao size="x"> tamao de la fuente en la que x; <font face="nome fonte"> Especifica el nombre de la fuente, por ejemplo, Verdana, Arial, etc ...; <font color="#000000"> Asigna colores a una fuente.

    Etiquetas Diseo

    <blockquote>

    </

    blockquote>

    mueve

    el

    bloque

    de

    texto;

    insertos

    clear=left/right/all>; <center> </ center> centraliza los objetos; <div> Divida la pgina en secciones lgicas; <div align=left/center/right> Alinea los datos dentro de una seccin div; class=classname> <div asigna una clase a una seccin div; Inserta <hr> una regla horizontal a travs de la pgina. <hr size="x"> especifica el tamao de la ranura gruesa horizontal en pxeles; <hr width="x"> especifica el tamao de la anchura de la rendija en pxeles; <hr noshade> especifica una regla en negro; <nobr> evita salto de lnea; <p> Crea prrafos;

    <p align=left/center/right> alinea el texto del prrafo;

    El enlace de etiquetas

    <a href="URL"> Test </ a> Hace un enlace de texto o imagen con una url; <a href="URL" target="_blank"> Test </ a> Hace un enlace de texto o imagen con un URL en una nueva ventana del navegador completamente nuevo; <a href="URL" target="nome_frame"> Test </ a> Hace un enlace de texto o imagen con un URL dentro de un marco; <a href="URL" prueba target="_self"> </ a> Hace un enlace de texto o imagen con un URL en el cuadro que el enlace fue activado por ejemplo en s mismo; <a href="URL" target="_parent"> Test </ a> Hace un enlace de texto o imagen con un URL dentro de un generador documento FRAMESET; <a href="URL" target="_top"> Test </ a> Hace un enlace eliminando el conjunto de marcos dentro de la misma ventana del navegador.

    Las imgenes etiquetas

    <IMG Src="URL"> Muestra una imagen; <IMG SRC="URL" align=top/middle/bottom> Alinea la imagen con respecto a la base del texto; <IMG Src="URL"align=left/right> Alinea la imagen en la pgina o marco; <IMG SRC="URL" alt="texto"> muestra descriptiva; <IMG SRC="URL" width="X" anchura especifica height="Y"> y altura; <IMG SRC="URL" border="0"> cortar los bordes de la imagen; <IMG SRC="URL" hspace="X" vspace="Y"> especifica el espacio vertical y horizontal; <IMG LOWsrc="URL" src="URL"> especifica la carga inicial de una imagen de baja resolucin antes de que se carga la imagen verdadera; <IMG NAME="X" Nombres src="URL"> la imagen para utilizarla con JavaScript.

    Las Listas Etiquetas

    <DL> </ DL> Inicio / fin de la definicin de un ttulo; <DD> </ DD> Inicio / fin de definicin; <DT> </ TD> Iniciar / finalizar trmino definido; <OL> </ OL> Iniciar / finalizar lista ordenada; <ol COMPACT> </ OL> Crea una lista ordenada compactado; <ol TYPE=A/a/I/i/1> </ OL> Crea una lista ordenada, especificando el tipo (Las letras en maysculas a minsculas, a los nmeros romanos I, i para los pequeos nmeros romanos para los nmeros e1 estndar ;

    <LI> </ LI> Lista de elementos estndar; <LI TYPE=A/a/I/i/1>> </ LI> controla el formato de una lista; <UL> </ Ul> Empieza / Termina Lista desordenada; <UL COMPACT> </ UL> Lista no ordenada crea comprimido; <UL TYPE=DISC/CIRCLE/SQUARE> Especifica el tipo de vieta.

    La lista de etiquetas

    <table> </ table> Inicia y pone fin a una mesa; <table border="x"> define el borde de una mesa; <table cellspacing="x"> define el espaciado entre las clulas; <table cellpadding="x"> define bordes gruesos; <table width="x"> establece el tamao de la tabla en pxeles; <table width="%"> establece el tamao de la tabla en porcentaje; <tr> </ tr> abre una lnea cierra una lnea; <td> </ td> abre una clula cierra una clula; <tr align=left/center/right valign="top/middle/bottom> define la alineacin horizontal y vertical de la lnea; <TD NOWRAP> evita salto de lnea dentro de una celda;

    <TD COLSPAN="x"> especifica el nmero de columnas; <TD ROWSPAN="x"> especifica el nmero de lneas; <TD Width="x"> especifica el tamao de la clula; <TH> </ TH> establece el encabezado de la tabla;

    Etiquetas Frames

    <frameset> </ frameset> Definir los elementos de la estructura; cols="x,x"> <frameset Define las columnas de los marcos en pxeles o%; rows="x,x"> <frameset Establece las lneas de marcos en pxeles o%; border="x"> <frameset 1,2,3 define el borde cuando "0" desactivado; framespacing="1/0"> <frameset define espaciado entre marcos; <frame src="URL"> especifica la url a cargar; <frame nombre name="nombre"> especifica el fotograma; <frame noresize> No permita que el marco para cambiar el tamao; <frame scrolling="auto"> determina si usted tendr barra de desplazamiento o no

    Por ltimo, las etiquetas de formulario

    accin <form Method="get/post> ="url" Inicia forma plazo y los parmetros de los conjuntos; </ Form> <input type="text/password/checkbox/radio/submit/reset/image"> Especifica los campos de entrada. contrasea, checkbox, radio, transmisin, imagen limpia; <input type="hidden"> Campo oculto; <input name="nomedocampo"> define el nombre de un campo en el formulario; <input checked> Marquesina activado; <input size=x> tamao del campo; <option> Crea opciones se puede seleccionar; selected="selected"> <option especifica una opcin seleccionada;

    value="value"> <option especifica un valor; <select> </ select> crea un men en el formulario; <seleccionar name="nombre"> </ select> Identifica los datos recogidos en el men; <rea de texto </ textarea> Crea un buzn <textarea wrap> </ textarea> especifica la devolucin automtica de un texto.

    You might also like