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

Destacado

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
 
8 Funciones De Blog
8 Funciones De Blog8 Funciones De Blog
8 Funciones De Blogcontxita
 
Agujeros negros
Agujeros negrosAgujeros negros
Agujeros negroselprados
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página webkksspp
 
Conceptos básicos sobre internet y páginas web
Conceptos básicos sobre internet y páginas webConceptos básicos sobre internet y páginas web
Conceptos básicos sobre internet y páginas webKoldo Parra
 

Destacado (20)

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
 
8 Funciones De Blog
8 Funciones De Blog8 Funciones De Blog
8 Funciones De Blog
 
Agujeros negros
Agujeros negrosAgujeros negros
Agujeros negros
 
Pasos para crear tu propia página web
Pasos para crear tu propia página webPasos para crear tu propia página web
Pasos para crear tu propia página web
 
Conceptos básicos sobre internet y páginas web
Conceptos básicos sobre internet y páginas webConceptos básicos sobre internet y páginas web
Conceptos básicos sobre internet y páginas web
 
Comandos ms dos
Comandos ms dosComandos ms dos
Comandos ms dos
 

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