SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
1.3.2 ELEMENTOS DEL LENGUAJE HTML


Un ejemplo de código HTML con coloreado de sintaxis El HTML, acrónimo inglés
de Hyper Text Markup Language (lenguaje de marcas hipertextuales), lenguaje de
marcación diseñado para estructurar textos y presentarlos en forma de hipertexto,
que es el formato estándar de las páginas web. Gracias a Internet y a los
navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha
convertido en uno de los formatos más populares que existen para la construcción
de documentos y también de los más fáciles de aprender.


HTML es una aplicación de SGML conforme al estándar internacional ISO 8879.
XHTML es una reformulación de HTML 4 como aplicación XML 1.0, y que supone
la base para la evolución estable de este lenguaje. Además XHTML permite la
compatibilidad con los agentes de usuario que ya admitían HTML 4 siguiendo un
conjunto de reglas.


Algunas etiquetas básicas de HTML


Las etiquetas básicas de HTML, de obligada presencia en todo documento son:


          <HTML>: Es la etiqueta que define el inicio del documento html, le
          indica al navegador que todo lo que viene a continuación debe tratarlo
          como una serie de códigos html.


          <HEAD>: Define la cabecera del documento html, esta cabecera suele
          contener información sobre el documento que no se muestra
          directamente en el navegador. Como por ejemplo el título de la ventana
          de su navegador. Dentro de la cabecera <HEAD> podemos encontrar:


          <TITLE>: Define el título de la página. Por lo general, el título aparece
          en la barra de título encima de la ventana
<LINK>: para definir algunas características avanzadas, como por
ejemplo las hojas de estilo usadas para el diseño de la página, ejemplo
:<link rel=“stylesheet” href=“/style.css” type=“text/css”>




<BODY>: Define el contenido principal o cuerpo del documento, esta es
la parte del documento html que se muestra en el navegador, dentro de
esta etiqueta pueden definirse propiedades comunes a toda la página,
como color de fondo y márgenes. Dentro del cuerpo <BODY> podemos
encontrar numerosísimas etiquetas. A continuación se indican algunas
a modo de ejemplo:


<H1>, <H2>,… <H6>: encabezados o títulos del documento en
diferentes tamaños de fuente


<P>: párrafo nuevo


<BR>: salto de línea forzado


<TABLE>: comienzo de una tabla (las filas se identifican con <TR> y las
celdas dentro de las filas con <TD>)


<A>: indica la existencia de un hipervínculo o enlace, dentro o fuera la
página web. Debe definirse el parámetro de pasada por medio del
atributo href (ejemplo: <a href=“http://www.google.com”>Google</a> se
representa como Google)




<DIV>: comienzo de un área especial en la página


<IMG>: indica la existencia de una imagen para mostrarse en el
navegador
<font color=“#xxxxxx”>: Para cambiar el color de la letra, donde las x
           son un número hexadecimal.


           <LI><OL><UL>:Es uno de los más utilizados para el manejo de listas.


           Cada etiqueta debe cerrarse tal cual se abrió pero con un pequeño
           cambio: un “/” tal como se muestra en el siguiente ejemplo:


           <script> </script>


Nociones básicas de HTML


El lenguaje HTML puede ser creado y editado con cualquier editor de textos
básico, como puede ser el Bloc de Notas de Windows (o Notepad), o cualquier
otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad,
Text Pad? etc.


Existen además, otros programas para la realización de sitios Web o edición de
código HTML, como por ejemplo Microsoft Front Page, el cual tiene un formato
básico parecido al resto de los programas de Office. También existe el famoso
software   de    Adobe(quién    adquirió   la   empresa    Macromedia)     llamado
Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y
programación Web. Estos programas se les conoce como editores WYSIWYG o
What You See Is What You Get (en español: “lo que ves es lo que obtienes”).


HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de
comienzo y final, mediante las cuales se determinan la forma en la que debe
aparecer en su navegador el texto, así como también las imágenes y los demás
elementos, en la pantalla del ordenador.



Toda etiqueta se identifica porque está encerrada entre los signos menor que y
mayor que (<>), y algunas tienen atributos que pueden tomar algún valor.

Más contenido relacionado

La actualidad más candente (19)

Israel
IsraelIsrael
Israel
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Html y HTML5
Html y HTML5Html y HTML5
Html y HTML5
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Html
HtmlHtml
Html
 
Clase 1
Clase 1Clase 1
Clase 1
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Diferencia entre html y xml
Diferencia  entre html y xmlDiferencia  entre html y xml
Diferencia entre html y xml
 
Introducción al HTML
Introducción al HTMLIntroducción al HTML
Introducción al HTML
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 

Similar a 1.3.2 elementos del lenguaje html (20)

Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html 121
Html 121Html 121
Html 121
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Trabajo 905
Trabajo 905Trabajo 905
Trabajo 905
 
Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Investigacion de html y xml
Investigacion de html y xmlInvestigacion de html y xml
Investigacion de html y xml
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Html
HtmlHtml
Html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Html
HtmlHtml
Html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Programación para web
Programación para webProgramación para web
Programación para web
 

1.3.2 elementos del lenguaje html

  • 1. 1.3.2 ELEMENTOS DEL LENGUAJE HTML Un ejemplo de código HTML con coloreado de sintaxis El HTML, acrónimo inglés de Hyper Text Markup Language (lenguaje de marcas hipertextuales), lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores del tipo Internet Explorer, Opera, Firefox o Netscape, el HTML se ha convertido en uno de los formatos más populares que existen para la construcción de documentos y también de los más fáciles de aprender. HTML es una aplicación de SGML conforme al estándar internacional ISO 8879. XHTML es una reformulación de HTML 4 como aplicación XML 1.0, y que supone la base para la evolución estable de este lenguaje. Además XHTML permite la compatibilidad con los agentes de usuario que ya admitían HTML 4 siguiendo un conjunto de reglas. Algunas etiquetas básicas de HTML Las etiquetas básicas de HTML, de obligada presencia en todo documento son: <HTML>: Es la etiqueta que define el inicio del documento html, le indica al navegador que todo lo que viene a continuación debe tratarlo como una serie de códigos html. <HEAD>: Define la cabecera del documento html, esta cabecera suele contener información sobre el documento que no se muestra directamente en el navegador. Como por ejemplo el título de la ventana de su navegador. Dentro de la cabecera <HEAD> podemos encontrar: <TITLE>: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
  • 2. <LINK>: para definir algunas características avanzadas, como por ejemplo las hojas de estilo usadas para el diseño de la página, ejemplo :<link rel=“stylesheet” href=“/style.css” type=“text/css”> <BODY>: Define el contenido principal o cuerpo del documento, esta es la parte del documento html que se muestra en el navegador, dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <BODY> podemos encontrar numerosísimas etiquetas. A continuación se indican algunas a modo de ejemplo: <H1>, <H2>,… <H6>: encabezados o títulos del documento en diferentes tamaños de fuente <P>: párrafo nuevo <BR>: salto de línea forzado <TABLE>: comienzo de una tabla (las filas se identifican con <TR> y las celdas dentro de las filas con <TD>) <A>: indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del atributo href (ejemplo: <a href=“http://www.google.com”>Google</a> se representa como Google) <DIV>: comienzo de un área especial en la página <IMG>: indica la existencia de una imagen para mostrarse en el navegador
  • 3. <font color=“#xxxxxx”>: Para cambiar el color de la letra, donde las x son un número hexadecimal. <LI><OL><UL>:Es uno de los más utilizados para el manejo de listas. Cada etiqueta debe cerrarse tal cual se abrió pero con un pequeño cambio: un “/” tal como se muestra en el siguiente ejemplo: <script> </script> Nociones básicas de HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de Notas de Windows (o Notepad), o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, Text Pad? etc. Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft Front Page, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Adobe(quién adquirió la empresa Macromedia) llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador. Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor.