PROGAMACIÓN DE PAGINAS WEB      2 de mayo de 2012




                         Nombre:


          Heráclito Santiago Chica Villalva


                          Curso:


                  “A” Ingeniería Sistemas


                       Catedrático:


                    Patricio Quiroz


                           Tema:


         Concepto y Etiquetas de “HTML”




PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”            1
PROGAMACIÓN DE PAGINAS WEB                              2 de mayo de 2012

HISTORIA DE HTML

Primeras especificaciones
La primera descripción de HTML disponible públicamente fue un documento llamado HTML
Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en
1991.2 3 Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML.
Trece de estos elementos todavía existen en HTML 4.4
Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida
como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para
una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan
Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la
gramática.5 El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la
etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando
la filosofía del IETF de basar estándares en prototipos con éxito. 6 Similarmente, el boceto
competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de
hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como
tablas.

HTML, acrónimo de HyperText Markup Language, lenguaje de marcas de hipertexto. En
informática, formato estándar de los documentos que circulan en la World Wide Web (WWW); se
utiliza desde 1989. Los documentos HTML contienen dos tipos de información: la que se muestra
en la pantalla (texto, imágenes...) y los códigos (tags o etiquetas), transparentes al usuario, que
indican cómo se debe mostrar esa información. Para crear un documento HTML, basta con disponer
de un editor de código ASCII y teclear el texto y las etiquetas que sean precisas. También se pueden
utilizar editores específicos que insertan automáticamente las etiquetas correspondientes al formato
del texto que se escriba o a las imágenes que se inserten; casi todos los procesadores de texto
actuales incluyen esta posibilidad.

El lenguaje HTML es un subconjunto de SGML (acrónimo de Standard Generalized Markup
Language, lenguaje estándar de marcado de documentos), que es un estándar de descripción de
página independiente del dispositivo, lo que permite adaptar la visión del documento al tamaño de
la pantalla en la que se muestra.




 PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”                                             2
PROGAMACIÓN DE PAGINAS WEB                                        2 de mayo de 2012

Lenguaje HTML Básico



   <!DOCTYPE>          Es la primera parte de una página web, aún antes que la etiqueta <html>.
                       Le indica al navegador que especificación de HTML se está utilizando
                       HTML 4.01: los tipos de documento que define son: strict, transitional y
                       frameset.




<html></html>                                    Abre y cierra un documento HTML



<head></head>          Encabezado de la página - aquí se coloca titulo, metatags, e informacion 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 del Encabezado
<title></title>                                        El título de la página web.




                              Atributos de la etiqueta Body
<body bgcolor=?>       Configura el color de fondo de la página, usando el valor del código de color hexadecimal.



<body text=?>           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.


<body vlink=?>         Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal.


<body alink=?>            Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.




 PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”                                                           3
PROGAMACIÓN DE PAGINAS WEB                            2 de mayo de 2012




                          Etiquetas HTML de Texto
     <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

<font face=?></font>      Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc.


<font size=?></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.)




PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”                                        4
PROGAMACIÓN DE PAGINAS WEB                    2 de mayo de 2012




                       Elementos Gráficos

    <img src="name">                       Incorpora una imagen
<img src="name" align=?>       Alinea la imagen: izquierda, derecha y centro
<img src="name" border=?>    Determina el contorno de la imagen. Un valor 0 no
                                              tendrá contorno


      <map></map>                            Mapa de imágenes
<body background="URL o
ruta de archivo"></body>         Coloca la imagen como fondo de la página


          <hr>                                Linea horizontal
      <hr size=?>                     Tamaño de una linea horizontal
      <hr width=?>           Ancho de linea horizontal, ya sea porcentaje o valor
                                                  absoluto.

      <hr noshade>                       Linea horizontal sin sombra




PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”                             5
PROGAMACIÓN DE PAGINAS WEB                       2 de mayo de 2012




                    Formato y presentación
     <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

  <div align=?>        Para formato a porciones grandes del documento html,
                                    incluyendo hojas de estilo.




PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA”                               6

Etiqueta de hatml 1

  • 1.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 Nombre: Heráclito Santiago Chica Villalva Curso: “A” Ingeniería Sistemas Catedrático: Patricio Quiroz Tema: Concepto y Etiquetas de “HTML” PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 1
  • 2.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 HISTORIA DE HTML Primeras especificaciones La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.2 3 Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.4 Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.5 El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. 6 Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas. HTML, acrónimo de HyperText Markup Language, lenguaje de marcas de hipertexto. En informática, formato estándar de los documentos que circulan en la World Wide Web (WWW); se utiliza desde 1989. Los documentos HTML contienen dos tipos de información: la que se muestra en la pantalla (texto, imágenes...) y los códigos (tags o etiquetas), transparentes al usuario, que indican cómo se debe mostrar esa información. Para crear un documento HTML, basta con disponer de un editor de código ASCII y teclear el texto y las etiquetas que sean precisas. También se pueden utilizar editores específicos que insertan automáticamente las etiquetas correspondientes al formato del texto que se escriba o a las imágenes que se inserten; casi todos los procesadores de texto actuales incluyen esta posibilidad. El lenguaje HTML es un subconjunto de SGML (acrónimo de Standard Generalized Markup Language, lenguaje estándar de marcado de documentos), que es un estándar de descripción de página independiente del dispositivo, lo que permite adaptar la visión del documento al tamaño de la pantalla en la que se muestra. PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 2
  • 3.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 Lenguaje HTML Básico <!DOCTYPE> Es la primera parte de una página web, aún antes que la etiqueta <html>. Le indica al navegador que especificación de HTML se está utilizando HTML 4.01: los tipos de documento que define son: strict, transitional y frameset. <html></html> Abre y cierra un documento HTML <head></head> Encabezado de la página - aquí se coloca titulo, metatags, e informacion 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 del Encabezado <title></title> El título de la página web. Atributos de la etiqueta Body <body bgcolor=?> Configura el color de fondo de la página, usando el valor del código de color hexadecimal. <body text=?> 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. <body vlink=?> Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal. <body alink=?> Configura el color de las ligas al darle clic, usando el valor del código hexadecimal. PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 3
  • 4.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 Etiquetas HTML de Texto <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 <font face=?></font> Coloca el tipo de letra: por ejemplo, arial, verdana, courier,etc. <font size=?></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.) PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 4
  • 5.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 Elementos Gráficos <img src="name"> Incorpora una imagen <img src="name" align=?> Alinea la imagen: izquierda, derecha y centro <img src="name" border=?> Determina el contorno de la imagen. Un valor 0 no tendrá contorno <map></map> Mapa de imágenes <body background="URL o ruta de archivo"></body> Coloca la imagen como fondo de la página <hr> Linea horizontal <hr size=?> Tamaño de una linea horizontal <hr width=?> Ancho de linea horizontal, ya sea porcentaje o valor absoluto. <hr noshade> Linea horizontal sin sombra PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 5
  • 6.
    PROGAMACIÓN DE PAGINASWEB 2 de mayo de 2012 Formato y presentación <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 <div align=?> Para formato a porciones grandes del documento html, incluyendo hojas de estilo. PERTENECE A “HERACLITO SANTIAGO CHICA VILLALVA” 6