HTML (hypertext mark up language) y sus etiquetas

HTML es la abreviatura de HyperText Markup Language, (Lenguaje de Marcas de Hipertexto) y es el lenguaje que todos los navegadores usan para presentar información en la World Wide Web (WWW).
Es importante primero remarcar que HTML no es un lenguaje de programación sino, un lenguaje de marcado o de marcas.
Lenguaje de programación: Conjunto de símbolos y reglas sintácticas y semánticas que definen su estructura y significado y permiten construir un programa (programa: secuencia de instrucciones que indican las acciones que han de ser ejecutadas por una computadora)
Lenguaje de marcas: Conjunto de Símbolos y reglas usadas para especificar el formato y estructurar el contenido de un documento o página Web.

Es el lenguaje básico con el que se crean las páginas Web,  formado por etiquetas que sirven para definir la estructura de la página y los contenidos. HTML se escribe en ficheros de texto con extensión .HTML o .htm.

Estructura de una página HTML

La estructura de una página Web está compuesta de dos partes: la cabecera, delimitada por las etiquetas <head> </head> y el cuerpo de la página <body> </body>. Todo ello debe de estar dentro de las etiquetas <HTML> </HTML>.

<HTML>

<head>

               <title>Título de la página </title>

</head>

 

<body>

 

Contenido de la página

 

</body>

</HTML>

Etiquetas  HTML

Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página Web.

 <A> Hipervínculo. (Ej.: < a href="DIRECCION WEB" >Text</a>

<ADDRESS> Formato para dirección del autor.

<BASE> Url del autor; contexto del documento.

<BASEFONT SIZE> Tamaño de la fuente base.

<BGSOUND> Sonido de fondo.

<BIG> Aumenta el tamaño. Ninguno

<BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]

<BLOCKQUOTE> Da formato con sangría a un párrafo

<BODY> Cuerpo del documento. < body > & < /body >

<BR> Retorno de línea

<CAPTION> Posición de la leyenda en una tabla.

<CENTER> Centrar. <center> Texto </center>

<CI> Formato para citas en itálicas.

<CODE> Formato en tipo código. < code > Texto < /code >

<DD> Definiciones marcadas, para Lista de Definiciones

<DFN> Formato en itálica.

<DIR> Lista de directorio, con elementos marcados con <LI>.

<DL> Definiciones, con términos marcados con <DT> y <DD>.

<DT> Términos marcados, para Lista de Definiciones <DL>.

<EM> Formato enfatizado en itálica.

<EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]

<FONT> Definición de la fuente. < font="Arial" size="12" type="bold" >Texto</font>

<FORM> Para ingreso
de datos del usuario en un formulario.

<H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>

<HEAD> Encabezamiento del documento. <head> & </head>

<HR> Línea horizontal.

<HTML> Al principio y al fin de todo documento. <HTML> & </HTML>

<I> Itálica (Cursiva).

<IMG> Cargar imágenes. <img src="LINK">

<INPUT> Define un objeto de ingreso en un formulario.

<ISINDEX> Indica que existe un index en el Server para doc.

<ISMAP> Activa la selección de imágenes para el usuario.

<KBD> Formato monoespaciada.

<LI> Ítem de lista.

<LISTING> Listados.

<LIT> Literal. Como PRE, pero letra proporcional.

<MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>

<MENU> Lista menú.

<META> Meta información ubicada en HEAD.

<NEXTID> Es un parámetro que identifica al documento.

<NOBR> Elimina los saltos de líneas.

<OL> Lista ordenada, con elementos marcados con < LI >.

<OPTION> Opción de selección dentro de un formulario.

<P> Retorno de línea, con un espacio.

<P ALIGN> Alineación de texto.

<PLAINTEXT> Pasaje de texto plano.

<PRE> Visualiza el texto en su formato original.

<S> Texto tachado.

<SAMP> Formato tipo ejemplo.

<SELECT> Para selección de opciones dentro de un formulario.

<SMALL> Disminuye el tamaño.

<STRONG> Formato enfatizado más fuerte que <EM>.

<SUB> Subíndice.

<SUP> Superíndice.

<TABLE> Tabla.

<TD> Celdas de una fila en una tabla, dentro de <TR>.

<TEXTAREA> Área para ingreso de texto dentro de un formulario.

<TH> Título de Tabla.

<TITLE> Título dentro de HEAD. <title> & </title>

<TR> Fila de una Tabla.

<TT> Formato tipo máquina.

<UL> Lista no ordenada, con elementos marcados con <LI>.

<VAR> Formato tipo variable.

<WBR> Se usa con NOBR para una sección separada.

<XMP> Similar a PRE.

 

 

Explicación breve  de algunas etiquetas

 

<!DOCTYPE> <!--Definición que precede a las etiquetas e inician el documento HTML. -->

 

            <HTML> <!--Comienzo del documento HTML. -->

 

                        <head> <!--Comienzo de la cabecera del documento (el contenido dentro de las etiquetas

                                                 <head> </head> no aparece en el navegador pero es importante para los motores de búsqueda)  -->

   

                        <meta <!--... aquí van los meta ... --> />  <!--Estas etiquetas contienen información muy

                                                                         útil para los motores de búsqueda. No llevan etiquetas de cierre. -->

       

                        <title>Título del Documento</title> <!--Título para el documento que se visualiza en la

                                                                                                              pestaña del navegador. -->

       

                        <link rel="hoja de estilo" href="hoja_de_estilo.css" type="text/css" /> <!--Llamada a un documento de estilos CSS externa. -->

 

                        <script  type="text/javascript" src="./_system/win/javascripts/window_effects.js></script> <!--Llamada a un documento con funciones JavaScript externa. -->

   

                        <style type="text/css"> <!--Cualquier estilo específico para el documento. -->

                                     HTML { background-color:#666666; color:white}  <!--Ejemplo de estilo que define el color de fondo de la página y el color del texto. -->

                        </style>

   

                        <script>

                                     <!--Scripts que se ejecutan del lado del cliente. Permiten darle dinamismo al sitio Web pero no son lenguaje HTML. -->

                        </script>

 

                        </head> <!--Final de la cabecera del documento. -->

   

                        <body>

                                     <!--Entre estas etiquetas se encuentra todo el contenido que será mostrado en pantalla por el navegador. (textos, imágenes, videos, audio, etc.) -->

                        </body>

 

</HTML> <!--Fin del documento HTML. -->

Entradas relacionadas con Etiquetas HTML

  • a
  • acronym
  • address
  • área
  • b
  • base
  • basefont
  • bgsound
  • Big
  • Blink
  • blockquote etiqueta HTML
  • body
  • br
  • button
  • Canvas (Elemento HTML)
  • caption
  • center
  • cite
  • code
  • col
  • colgroup
  • Comentarios HTML
  • dd
  • del
  • dfn
  • dir
  • div
  • dl
  • doctype
  • dt 

    HTML (hypertext mark up language) y sus etiquetas

    HTML es la abreviatura de HyperText Markup Language, (Lenguaje de Marcas de Hipertexto) y es el lenguaje que todos los navegadores usan para presentar información en la World Wide Web (WWW).
    Es importante primero remarcar que HTML no es un lenguaje de programación sino, un lenguaje de marcado o de marcas.
    Lenguaje de programación: Conjunto de símbolos y reglas sintácticas y semánticas que definen su estructura y significado y permiten construir un programa (programa: secuencia de instrucciones que indican las acciones que han de ser ejecutadas por una computadora)
    Lenguaje de marcas: Conjunto de Símbolos y reglas usadas para especificar el formato y estructurar el contenido de un documento o página Web.

    Es el lenguaje básico con el que se crean las páginas Web,  formado por etiquetas que sirven para definir la estructura de la página y los contenidos. HTML se escribe en ficheros de texto con extensión .HTML o .htm.

    Estructura de una página HTML

    La estructura de una página Web está compuesta de dos partes: la cabecera, delimitada por las etiquetas <head> </head> y el cuerpo de la página <body> </body>. Todo ello debe de estar dentro de las etiquetas <HTML> </HTML>.

    <HTML>

    <head>

                   <title>Título de la página </title>

    </head>

     

    <body>

     

    Contenido de la página

     

    </body>

    </HTML>

    Etiquetas  HTML

    Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página Web.

     <A> Hipervínculo. (Ej.: < a href="DIRECCION WEB" >Text</a>

    <ADDRESS> Formato para dirección del autor.

    <BASE> Url del autor; contexto del documento.

    <BASEFONT SIZE> Tamaño de la fuente base.

    <BGSOUND> Sonido de fondo.

    <BIG> Aumenta el tamaño. Ninguno

    <BLINK> Hace parpadear el texto.[Sólo con algunos Navegadores]

    <BLOCKQUOTE> Da formato con sangría a un párrafo

    <BODY> Cuerpo del documento. < body > & < /body >

    <BR> Retorno de línea

    <CAPTION> Posición de la leyenda en una tabla.

    <CENTER> Centrar. <center> Texto </center>

    <CI> Formato para citas en itálicas.

    <CODE> Formato en tipo código. < code > Texto < /code >

    <DD> Definiciones marcadas, para Lista de Definiciones

    <DFN> Formato en itálica.

    <DIR> Lista de directorio, con elementos marcados con <LI>.

    <DL> Definiciones, con términos marcados con <DT> y <DD>.

    <DT> Términos marcados, para Lista de Definiciones <DL>.

    <EM> Formato enfatizado en itálica.

    <EMBED> Sonido de Fondo. [Sólo con algunos Navegadores]

    <FONT> Definición de la fuente. < font="Arial" size="12" type="bold" >Texto</font>

    <FORM> Para ingreso
    de datos del usuario en un formulario.

    <H1 ...H6> Tamaño de letras del 1 al 6. <h1/2/3/4/5/6>

    <HEAD> Encabezamiento del documento. <head> & </head>

    <HR> Línea horizontal.

    <HTML> Al principio y al fin de todo documento. <HTML> & </HTML>

    <I> Itálica (Cursiva).

    <IMG> Cargar imágenes. <img src="LINK">

    <INPUT> Define un objeto de ingreso en un formulario.

    <ISINDEX> Indica que existe un index en el Server para doc.

    <ISMAP> Activa la selección de imágenes para el usuario.

    <KBD> Formato monoespaciada.

    <LI> Ítem de lista.

    <LISTING> Listados.

    <LIT> Literal. Como PRE, pero letra proporcional.

    <MARQUEE> Marquesina. <marquee direction="up/left/right/donw"> Texto </marquee>

    <MENU> Lista menú.

    <META> Meta información ubicada en HEAD.

    <NEXTID> Es un parámetro que identifica al documento.

    <NOBR> Elimina los saltos de líneas.

    <OL> Lista ordenada, con elementos marcados con < LI >.

    <OPTION> Opción de selección dentro de un formulario.

    <P> Retorno de línea, con un espacio.

    <P ALIGN> Alineación de texto.

    <PLAINTEXT> Pasaje de texto plano.

    <PRE> Visualiza el texto en su formato original.

    <S> Texto tachado.

    <SAMP> Formato tipo ejemplo.

    <SELECT> Para selección de opciones dentro de un formulario.

    <SMALL> Disminuye el tamaño.

    <STRONG> Formato enfatizado más fuerte que <EM>.

    <SUB> Subíndice.

    <SUP> Superíndice.

    <TABLE> Tabla.

    <TD> Celdas de una fila en una tabla, dentro de <TR>.

    <TEXTAREA> Área para ingreso de texto dentro de un formulario.

    <TH> Título de Tabla.

    <TITLE> Título dentro de HEAD. <title> & </title>

    <TR> Fila de una Tabla.

    <TT> Formato tipo máquina.

    <UL> Lista no ordenada, con elementos marcados con <LI>.

    <VAR> Formato tipo variable.

    <WBR> Se usa con NOBR para una sección separada.

    <XMP> Similar a PRE.

     

     

    Explicación breve  de algunas etiquetas

     

    <!DOCTYPE> <!--Definición que precede a las etiquetas e inician el documento HTML. -->

     

                <HTML> <!--Comienzo del documento HTML. -->

     

                            <head> <!--Comienzo de la cabecera del documento (el contenido dentro de las etiquetas

                                                     <head> </head> no aparece en el navegador pero es importante para los motores de búsqueda)  -->

       

                            <meta <!--... aquí van los meta ... --> />  <!--Estas etiquetas contienen información muy

                                                                             útil para los motores de búsqueda. No llevan etiquetas de cierre. -->

           

                            <title>Título del Documento</title> <!--Título para el documento que se visualiza en la

                                                                                                                  pestaña del navegador. -->

           

                            <link rel="hoja de estilo" href="hoja_de_estilo.css" type="text/css" /> <!--Llamada a un documento de estilos CSS externa. -->

     

                            <script  type="text/javascript" src="./_system/win/javascripts/window_effects.js></script> <!--Llamada a un documento con funciones JavaScript externa. -->

       

                            <style type="text/css"> <!--Cualquier estilo específico para el documento. -->

                                         HTML { background-color:#666666; color:white}  <!--Ejemplo de estilo que define el color de fondo de la página y el color del texto. -->

                            </style>

       

                            <script>

                                         <!--Scripts que se ejecutan del lado del cliente. Permiten darle dinamismo al sitio Web pero no son lenguaje HTML. -->

                            </script>

     

                            </head> <!--Final de la cabecera del documento. -->

       

                            <body>

                                         <!--Entre estas etiquetas se encuentra todo el contenido que será mostrado en pantalla por el navegador. (textos, imágenes, videos, audio, etc.) -->

                            </body>

     

    </HTML> <!--Fin del documento HTML. -->

    Entradas relacionadas con Etiquetas HTML

  • em etiqueta HTML