SlideShare una empresa de Scribd logo
1 de 9
UNIVERSIDAD “LAICA ELOY ALFARO” DE
MANANI

CAMPUS EL CARMEN

TEMA: GLOSARIO DE INTERNET

NONBRE:

CORNEJO CEVALLOS MARIA MAGDALENA

LCD:
PATRICIO QUIROS

FECHA :
3DE MAYO DE 2012

¿QUE ES HTML?

El HTML se escribe en forma de «etiquetas», rodeadas
por corchetes angulares (<,>). HTML también puede
describir, hasta un cierto punto, la apariencia de un
documento, y puede incluir un script (por ejemplo
JavaScript), el cual puede afectar el comportamiento
de navegadores web y otros procesadores de HTML.



Lenguaje HTML básico.

           ETIQUETA                     DESCRIPCION
<!DOCTYPE>                       
                                            
                                                    
                                                      
                                                           
                                                                    
                                        
                                        
                                                 
                                                                  
                                                                    
                                                                           
                                            Se usa cuando se utilizan CSS.
            Strict
                                Presenta elementos en proceso de transición de
         Transitional                 acuerdo a los estándares del W3C.
           Frames               Debe usarse en documentos que incluyen frames
        <html></html>                  Abre y cierra un documento HTML
        <head></head>           Encabezado de la página - aquí se coloca título,
                                 metatags, e información para buscadores entre
                                  otras cosas. Está información no es visible.
        <body></body>           Dentro de esta etiqueta va toda la parte visible de
                                                  la página web




ETIQUETAS DE ENCAVEZADO

                                                  descripcion
     <title></title>                      El título de la página web.




ATributos de la etiqueta Body

etiquetas                                         descripcion
            At
      <bodybgcolor=?>            Configura el color de fondo de la página,
                                   usando el valor del código de color
                                               hexadecimal
        <bodytext=?>             Configura el color por defecto del texto,
usando el valor del código de color
                                         hexadecimal.
       <body link=?>      Configura el color de las ligas, usando el
                            valor del código de color hexadecimal.
      <bodyvlink=?>        Configura el color de las ligas visitadas,
                              usando el valor del código de color
                                         hexadecimal
      <bodyalink=?>       Configura el color de las ligas al darle clic,
                           usando el valor del código hexadecimal.




Etiquetas HTML de Texto



         etiquetas                        descripcion
        <pre></pre>                  Texto pre-formateado
         <hl></hl>                     Título más grande
        <h6></h6>                     Título más pequeño
          <b></b>                           Negritas
          <u></u>                          Subrayado
          <i></i>                           Cursivas
         <tt></tt>                 Tipo máquina de escribir
      <cite></cite>                     Cita, en cursiva
        <em></em>           Resalta una palabra, negrita o cursiva
    <strong></strong>     Resalta una palabra o grupo de palabras
   <fontface=?></font>    Coloca el tipo de letra: por ejemplo, arial,
                                    verdana, courier,etc.
   <fontsize=?></font>        Coloca tamaño de letra, de 1 a 7
  <font color=?></font>        Configura el color, usand valor
                             hexadecimal o nombre directo (blue,
green, etc.)




Ligas.

           Etiquetas                      descripcion
    <a href="URL"></a>                   Hipervínculo
           <a              Hipervínculo mailto (para envío de correo)
href="mailto:EMAIL"></a>

   <a name="name"></a>          Ancla en el mismo documento

  <a href="#name"></a>      Liga hacia algún lugar dentro del mismo
                                              sitio




Formato y presentación



           etiquetas                      descripcion
            <p></p>                     Nuevo párrafo
         <p align=?>          Alinea el párrafo hacia la izquierda,
                                      derecha o al centro
             <br>           Inserta un interlineado suave. Crea otra
                                               línea
         <blockquote>          Texto indentado de ambos lados
         </blockquote>
           <dl></dl>            Lista de definiciones (glosario)
<dt>                   Precede a cada término en definiciones
           <dd>                           Precede cada definición
        <ol></ol>                              Lista ordenada
        <li></li>                           Entrada en una lista
        <ul></ul>                      Lista con viñetas sin ordenar
       <divalign=?>               Para formato a porciones grandes del
                                  documento html, incluyendo hojas de
                                                  estilo




Elementos Gráficos



                  etiquetas                        descripcion
              <imgsrc="name">                Incorpora una imagen
               <imgsrc="name"       Alinea la imagen: izquierda, derecha y
                  align=?>                         centro
                <imgsrc="name"      Determina el contorno de la imagen. Un valor
                   border=?>                   0 no tendrá contorno
                  <map></map>                   Mapa de imágenes
          <body background="URL o         Coloca la imagen como fondo de la
         ruta de archivo"></body>                       página
                      <hr>                        Linea horizontal
                     <hrsize=?>           Tamaño de una linea horizontal
                  <hrwidth=?>       Ancho de linea horizontal, ya sea porcentaje
                                                 o valor absoluto.
                  <hrnoshade>              Linea horizontal sin sombra
Tablas.



               etiquetas                          descripcion
            <table></table>                       Crea tabla
               <tr></tr>                    Crea filas en una tabla
               <td></td>                    Crea celda en una fila
               <th></th>         Encabezado de tabla, texto normal, negrita y
                                                 centrado




Atributos de Tablas.



                etiuetas                          descripcion
            <tableborder=#>        Coloca contorno en las celdas de la tabla
          <tablecellspacing=#>       Espacio entre las celdas de una tabla
          <tablecellpadding=#>    Espacio entre el contorno de una celda y su
                                                   contenido
          <tablewidth=# or %>    Ancho de la tabla, en pixeles o porcentaje del
                                              ancho de la página
  <tr align=?> or <td align=?>       Alineación para las celdas, izquierda
                                                derecha, centro
 <trvalign=?> or <td valign=?>      Alineación vertical de las celdas, arriba,
                                                abajo,en medio
             <tdcolspan=#>          Expansión de una celda, en número de
                                                   columnas
<tdrowspan=#>          Expansión de una celda, en número de
                                                  celdas
              <tdnowrap>            Texto continuo dentro de una celda




Marcos (frames)




               etiquetas                         descripcion
       <frameset></frameset>        Substituye a la etiqueta HTML body en
                                 documentos con frames. Puede insertarse en
                                               otros framesets
  <framesetrows="value,value">    Número de lineas en un frameset, usando
                                        pixeles o porcentaje de ancho
  <framesetcols="value,value">   Número de columnas en un frameset, usando
                                        pixeles o porcentaje de ancho
                <frame>              Frame singular dentro de un framset
       <noframes></noframes>     Texto que aparecerá en navegadores que no
                                              soportan frames




Atributos de Frames.



               etiquetas                         descripcion
          <framesrc="URL">          Especifica que página html se muestra
         <framename="name">       Nombra al frame para que sea identificado
                                        por otros frames y accesado
       <framemarginwidth=#>       Margen izquierdo y derecho de un grame,
                                        debe ser igual o mayor que 1
       <framemarginheight=#>     Margen superior e inferior de un grame, igual
o mayor a 1
     <framescrolling=VALUE>          Determina si un frame tiene barra de
                                  desplazamiento, Puede ser yes, no, auto, el
                                              cual es por defecto
          <framenoresize>         No permite al usuario modificar el tamaño de
                                                   un frame




Formas.



             etiqutas                             descripcion

           <form></form>                            Forma

 <select name="name"></select>                 Menúdesplegable

             <option>                    Opción del menú desplegable

 <textarea name="name" cols=40    Crea una caja de texto, columnas es el ancho
       rows=8></textarea>               y las lineas la altura (cols y rows)
     <input type="checkbox"                      Crea un checkbox.
          name="name">
<input type="radio" name="name"               Creabotón de radio.
           value="x">
  <input type=text name="name"     Crea una opción de texto para entrada de
              size=20>                    información o despliegue
       <input type="submit"        Crea botón de envío de forma tipo submit
           value="name">
  <input type="image" border=0          Crea botón de envío con imagen
   name="name" src="name.gif">
       <input type="reset">         Crea botón de limpieza (reset). Vacía la
                                                     forma




Otras Etiquetas HTML.
etiquetas                              descripcion
  <EMBED SRC="url o ruta de archivo"        Incorpora sonido con panel de
 VOLUME="50" HEIGHT="50" WIDTH="130">           control en la pantalla.
  < object width="600" height="300">
          <param name="movie"
        value="miarchivo.swf">
<embed src="miarchivo.swf" width="600"   Para insertar una pelicula flash swf
             height="300">                             en html
                </embed>
               </object>
    <!-- Este es un comentario -->       Inserta comentarios no visibles en la
                                                         página.
   <iframesrc ="/mipagina.html"> ...        Inserta un frame dentro de una
               </iframe>>                        página. InlineFrame.
    < script type="text/javascript">        Inserta un script dentro de una
document.write("<h2>bienvenido!</h2>")               página html.
                </script>
 <span style="color:#00FFFF;"></span>    Aplica a un grupo de texto un estilo,
                                           por ejemplo font, tamaño, color

Más contenido relacionado

La actualidad más candente

CSS Dasar #9 : Inheritance
CSS Dasar #9 : InheritanceCSS Dasar #9 : Inheritance
CSS Dasar #9 : InheritanceSandhika Galih
 
Chapter 07 php forms handling
Chapter 07   php forms handlingChapter 07   php forms handling
Chapter 07 php forms handlingDhani Ahmad
 
CSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingCSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingSandhika Galih
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classSandhika Galih
 
HTML Dasar : #4 Paragraf
HTML Dasar : #4 ParagrafHTML Dasar : #4 Paragraf
HTML Dasar : #4 ParagrafSandhika Galih
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : PositionSandhika Galih
 
CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : FloatSandhika Galih
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centrejatin batra
 
CSS Dasar #6 : Background
CSS Dasar #6 : BackgroundCSS Dasar #6 : Background
CSS Dasar #6 : BackgroundSandhika Galih
 
Html table tags
Html table tagsHtml table tags
Html table tagseShikshak
 
CSS Dasar #10 : Specificity
CSS Dasar #10 : SpecificityCSS Dasar #10 : Specificity
CSS Dasar #10 : SpecificitySandhika Galih
 
Html ordered & unordered list
Html ordered & unordered listHtml ordered & unordered list
Html ordered & unordered listargusacademy
 
CSS Dasar #7 : Selector
CSS Dasar #7 : SelectorCSS Dasar #7 : Selector
CSS Dasar #7 : SelectorSandhika Galih
 
CSS Dasar #5 : Text Styling
CSS Dasar #5 : Text StylingCSS Dasar #5 : Text Styling
CSS Dasar #5 : Text StylingSandhika Galih
 
CSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSCSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSSandhika Galih
 

La actualidad más candente (20)

CSS Dasar #9 : Inheritance
CSS Dasar #9 : InheritanceCSS Dasar #9 : Inheritance
CSS Dasar #9 : Inheritance
 
HTML Dasar : #9 Tabel
HTML Dasar : #9 TabelHTML Dasar : #9 Tabel
HTML Dasar : #9 Tabel
 
HTML Dasar : #8 Image
HTML Dasar : #8 ImageHTML Dasar : #8 Image
HTML Dasar : #8 Image
 
Chapter 07 php forms handling
Chapter 07   php forms handlingChapter 07   php forms handling
Chapter 07 php forms handling
 
CSS Dasar #4 : Font Styling
CSS Dasar #4 : Font StylingCSS Dasar #4 : Font Styling
CSS Dasar #4 : Font Styling
 
CSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-classCSS Dasar #8 : Pseudo-class
CSS Dasar #8 : Pseudo-class
 
HTML Dasar : #4 Paragraf
HTML Dasar : #4 ParagrafHTML Dasar : #4 Paragraf
HTML Dasar : #4 Paragraf
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : Position
 
CSS Layouting #4 : Float
CSS Layouting #4 : FloatCSS Layouting #4 : Float
CSS Layouting #4 : Float
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
 
CSS Dasar #6 : Background
CSS Dasar #6 : BackgroundCSS Dasar #6 : Background
CSS Dasar #6 : Background
 
Html table tags
Html table tagsHtml table tags
Html table tags
 
CSS Dasar #10 : Specificity
CSS Dasar #10 : SpecificityCSS Dasar #10 : Specificity
CSS Dasar #10 : Specificity
 
Html ordered & unordered list
Html ordered & unordered listHtml ordered & unordered list
Html ordered & unordered list
 
HTML Dasar : #3 Tags
HTML Dasar : #3 TagsHTML Dasar : #3 Tags
HTML Dasar : #3 Tags
 
3 Linked List
3   Linked List3   Linked List
3 Linked List
 
CSS Dasar #7 : Selector
CSS Dasar #7 : SelectorCSS Dasar #7 : Selector
CSS Dasar #7 : Selector
 
CSS Dasar #5 : Text Styling
CSS Dasar #5 : Text StylingCSS Dasar #5 : Text Styling
CSS Dasar #5 : Text Styling
 
CSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSSCSS Dasar #3 : Penempatan CSS
CSS Dasar #3 : Penempatan CSS
 
Html ppt
Html pptHtml ppt
Html ppt
 

Destacado

Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML. Maria_Sabando
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notasjose_rock
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correoSandra Meza
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLESandra Meza
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILSandra Meza
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSSandra Meza
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketingSandra Meza
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSSandra Meza
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESSandra Meza
 
Comando diseño de página
Comando diseño de páginaComando diseño de página
Comando diseño de páginagccori
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASSandra Meza
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSASandra Meza
 
Botones de comando
Botones de comandoBotones de comando
Botones de comandomilton vega
 
Comandos del sistema operativo
Comandos del sistema operativoComandos del sistema operativo
Comandos del sistema operativoJUANGUILLERMO17
 

Destacado (20)

Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
COMANDO HTML
COMANDO HTMLCOMANDO HTML
COMANDO HTML
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notas
 
unificar cuentas de correo
unificar cuentas de correounificar cuentas de correo
unificar cuentas de correo
 
ALERTAS DE GOOGLE
ALERTAS DE GOOGLEALERTAS DE GOOGLE
ALERTAS DE GOOGLE
 
CORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAILCORREO DE LA USMP DESDE EL GMAIL
CORREO DE LA USMP DESDE EL GMAIL
 
Guía rápida de comandos html
Guía rápida de comandos htmlGuía rápida de comandos html
Guía rápida de comandos html
 
FORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOSFORMATO IEEE PARA ESCRIBIR ARTICULOS
FORMATO IEEE PARA ESCRIBIR ARTICULOS
 
Guía para optimizar tu email marketing
Guía para optimizar tu email marketingGuía para optimizar tu email marketing
Guía para optimizar tu email marketing
 
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOSMANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
MANUAL DE REDACCIÓN DE ARTÍCULOS CIENTÍFICOS
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALESMANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
MANUAL PARA HACER UNA TESIS EN CIENCIAS EMPRESARIALES
 
Comando diseño de página
Comando diseño de páginaComando diseño de página
Comando diseño de página
 
MANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIASMANUAL PARA HACER MONOGRAFIAS
MANUAL PARA HACER MONOGRAFIAS
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA7 PASOS PARA UNA TESIS EXITOSA
7 PASOS PARA UNA TESIS EXITOSA
 
Botones de comando
Botones de comandoBotones de comando
Botones de comando
 
Comandos del sistema operativo
Comandos del sistema operativoComandos del sistema operativo
Comandos del sistema operativo
 
Partes del navegador internet explorer
Partes del navegador internet explorerPartes del navegador internet explorer
Partes del navegador internet explorer
 

Similar a comandos de pagina web (20)

Deber de pagina wed..!!!
Deber de pagina wed..!!!Deber de pagina wed..!!!
Deber de pagina wed..!!!
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Elianyyyyy
ElianyyyyyElianyyyyy
Elianyyyyy
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Estructura html
Estructura htmlEstructura html
Estructura html
 
Etiqueta de hatml 1
Etiqueta de hatml 1Etiqueta de hatml 1
Etiqueta de hatml 1
 
Etiquetas Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 
Deber vero
Deber veroDeber vero
Deber vero
 
Deber k riss
Deber k rissDeber k riss
Deber k riss
 
Etiqueta de html
Etiqueta de htmlEtiqueta de html
Etiqueta de html
 
Deber de programacion web.
Deber de programacion web.Deber de programacion web.
Deber de programacion web.
 
Diseño de paginas con html
Diseño de paginas con htmlDiseño de paginas con html
Diseño de paginas con html
 
Html
HtmlHtml
Html
 
Doctypehtml
DoctypehtmlDoctypehtml
Doctypehtml
 
HTML
HTMLHTML
HTML
 
Clase1
Clase1Clase1
Clase1
 
Resumen
ResumenResumen
Resumen
 
Html 02
Html 02Html 02
Html 02
 
HTML
HTMLHTML
HTML
 
Manual de html
Manual de htmlManual de html
Manual de html
 

comandos de pagina web

  • 1. UNIVERSIDAD “LAICA ELOY ALFARO” DE MANANI CAMPUS EL CARMEN TEMA: GLOSARIO DE INTERNET NONBRE: CORNEJO CEVALLOS MARIA MAGDALENA LCD: PATRICIO QUIROS FECHA : 3DE MAYO DE 2012 ¿QUE ES HTML? El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. Lenguaje HTML básico. ETIQUETA DESCRIPCION
  • 2. <!DOCTYPE>                                               Se usa cuando se utilizan CSS. Strict Presenta elementos en proceso de transición de Transitional acuerdo a los estándares del W3C. Frames Debe usarse en documentos que incluyen frames <html></html> Abre y cierra un documento HTML <head></head> Encabezado de la página - aquí se coloca título, metatags, e información para buscadores entre otras cosas. Está información no es visible. <body></body> Dentro de esta etiqueta va toda la parte visible de la página web ETIQUETAS DE ENCAVEZADO descripcion <title></title> El título de la página web. ATributos de la etiqueta Body etiquetas descripcion At <bodybgcolor=?> Configura el color de fondo de la página, usando el valor del código de color hexadecimal <bodytext=?> Configura el color por defecto del texto,
  • 3. usando el valor del código de color hexadecimal. <body link=?> Configura el color de las ligas, usando el valor del código de color hexadecimal. <bodyvlink=?> Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal <bodyalink=?> Configura el color de las ligas al darle clic, usando el valor del código hexadecimal. Etiquetas HTML de Texto etiquetas descripcion <pre></pre> Texto pre-formateado <hl></hl> Título más grande <h6></h6> Título más pequeño <b></b> Negritas <u></u> Subrayado <i></i> Cursivas <tt></tt> Tipo máquina de escribir <cite></cite> Cita, en cursiva <em></em> Resalta una palabra, negrita o cursiva <strong></strong> Resalta una palabra o grupo de palabras <fontface=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc. <fontsize=?></font> Coloca tamaño de letra, de 1 a 7 <font color=?></font> Configura el color, usand valor hexadecimal o nombre directo (blue,
  • 4. green, etc.) Ligas. Etiquetas descripcion <a href="URL"></a> Hipervínculo <a Hipervínculo mailto (para envío de correo) href="mailto:EMAIL"></a> <a name="name"></a> Ancla en el mismo documento <a href="#name"></a> Liga hacia algún lugar dentro del mismo sitio Formato y presentación etiquetas descripcion <p></p> Nuevo párrafo <p align=?> Alinea el párrafo hacia la izquierda, derecha o al centro <br> Inserta un interlineado suave. Crea otra línea <blockquote> Texto indentado de ambos lados </blockquote> <dl></dl> Lista de definiciones (glosario)
  • 5. <dt> Precede a cada término en definiciones <dd> Precede cada definición <ol></ol> Lista ordenada <li></li> Entrada en una lista <ul></ul> Lista con viñetas sin ordenar <divalign=?> Para formato a porciones grandes del documento html, incluyendo hojas de estilo Elementos Gráficos etiquetas descripcion <imgsrc="name"> Incorpora una imagen <imgsrc="name" Alinea la imagen: izquierda, derecha y align=?> centro <imgsrc="name" Determina el contorno de la imagen. Un valor border=?> 0 no tendrá contorno <map></map> Mapa de imágenes <body background="URL o Coloca la imagen como fondo de la ruta de archivo"></body> página <hr> Linea horizontal <hrsize=?> Tamaño de una linea horizontal <hrwidth=?> Ancho de linea horizontal, ya sea porcentaje o valor absoluto. <hrnoshade> Linea horizontal sin sombra
  • 6. Tablas. etiquetas descripcion <table></table> Crea tabla <tr></tr> Crea filas en una tabla <td></td> Crea celda en una fila <th></th> Encabezado de tabla, texto normal, negrita y centrado Atributos de Tablas. etiuetas descripcion <tableborder=#> Coloca contorno en las celdas de la tabla <tablecellspacing=#> Espacio entre las celdas de una tabla <tablecellpadding=#> Espacio entre el contorno de una celda y su contenido <tablewidth=# or %> Ancho de la tabla, en pixeles o porcentaje del ancho de la página <tr align=?> or <td align=?> Alineación para las celdas, izquierda derecha, centro <trvalign=?> or <td valign=?> Alineación vertical de las celdas, arriba, abajo,en medio <tdcolspan=#> Expansión de una celda, en número de columnas
  • 7. <tdrowspan=#> Expansión de una celda, en número de celdas <tdnowrap> Texto continuo dentro de una celda Marcos (frames) etiquetas descripcion <frameset></frameset> Substituye a la etiqueta HTML body en documentos con frames. Puede insertarse en otros framesets <framesetrows="value,value"> Número de lineas en un frameset, usando pixeles o porcentaje de ancho <framesetcols="value,value"> Número de columnas en un frameset, usando pixeles o porcentaje de ancho <frame> Frame singular dentro de un framset <noframes></noframes> Texto que aparecerá en navegadores que no soportan frames Atributos de Frames. etiquetas descripcion <framesrc="URL"> Especifica que página html se muestra <framename="name"> Nombra al frame para que sea identificado por otros frames y accesado <framemarginwidth=#> Margen izquierdo y derecho de un grame, debe ser igual o mayor que 1 <framemarginheight=#> Margen superior e inferior de un grame, igual
  • 8. o mayor a 1 <framescrolling=VALUE> Determina si un frame tiene barra de desplazamiento, Puede ser yes, no, auto, el cual es por defecto <framenoresize> No permite al usuario modificar el tamaño de un frame Formas. etiqutas descripcion <form></form> Forma <select name="name"></select> Menúdesplegable <option> Opción del menú desplegable <textarea name="name" cols=40 Crea una caja de texto, columnas es el ancho rows=8></textarea> y las lineas la altura (cols y rows) <input type="checkbox" Crea un checkbox. name="name"> <input type="radio" name="name" Creabotón de radio. value="x"> <input type=text name="name" Crea una opción de texto para entrada de size=20> información o despliegue <input type="submit" Crea botón de envío de forma tipo submit value="name"> <input type="image" border=0 Crea botón de envío con imagen name="name" src="name.gif"> <input type="reset"> Crea botón de limpieza (reset). Vacía la forma Otras Etiquetas HTML.
  • 9. etiquetas descripcion <EMBED SRC="url o ruta de archivo" Incorpora sonido con panel de VOLUME="50" HEIGHT="50" WIDTH="130"> control en la pantalla. < object width="600" height="300"> <param name="movie" value="miarchivo.swf"> <embed src="miarchivo.swf" width="600" Para insertar una pelicula flash swf height="300"> en html </embed> </object> <!-- Este es un comentario --> Inserta comentarios no visibles en la página. <iframesrc ="/mipagina.html"> ... Inserta un frame dentro de una </iframe>> página. InlineFrame. < script type="text/javascript"> Inserta un script dentro de una document.write("<h2>bienvenido!</h2>") página html. </script> <span style="color:#00FFFF;"></span> Aplica a un grupo de texto un estilo, por ejemplo font, tamaño, color