Qué Es HTML

Qu es HTML?
HTML (HyperText Markup Language) o "Lenguaje para Marcado de

Hipertexto".
HTML es el lenguaje que te permite describir y dar forma a ts pginas Web.
Publica tus propias pginas con fotos, listas, tablas, etc.
Obtn informacin de los visitantes de tu sitio.
Disea los formularios que te permitirn contactar tus futuros clientes.
Crea un sitio para vender ts productos o servicios.
Incluye video clips, msica, sonidos, y otras aplicaciones que darn vida a ts
pginas Web
Qu conocimientos previos debes poseer?

Para estudiar HTML no se requiere de conocimientos previos en programacin.
Es muy simple de aprender ya que no es un lenguaje de programacin sino que es un
lenguaje de marcas.
Los archivos HTML
Los archivos HTML deben tener una extensin htm o html (ej. misitio.htm o
misitio.html).
Para crear un archivo HTML solo hace falta un editor de texto.
Un archivo HTML est compuesto por etiquetas.
Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google
Chrome, Opera, Safary, etc.) como mostrar la pgina Web.
Vamos a hacer nuestro primer sitio!

Si ests usando Windows, abre el "Block de Notas".
Si usas Mac, abre "Simpletext".
Elementos y etiquetas de
HTML
Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.
Los elementos
Los elementos son declaraciones para visualizar o dar forma a una pgina Web.
Las etiquetas
Las etiquetas(en ingls: tags) son marcas insertadas en un documento HTML para
proporcionar informacin sobre una unidad o contenido.
Reglas bsicas
Las etiquetas estn encerradas entre los signos "<" y ">".
Generalmente vienen en pares y .
La primera es de apertura y la segunda de cierre.
El texto que se encuentra entre dos etiquetas es el contenido del elemento.
Las etiquetas no son sensibles a las maysculas y minsculas, o sea es lo

mismo que.
Etiquetas de HTML
Veamos un ejemplo.
<html>
<head>
<title>Una pgina Web</title>
</head>
<body>
Hola a todos. Este texto es en negrita
</body>
</html>
Escribir el HTML necesario para nuestra pgina de ejemplo con el "Texto de prueba" y
despus explicare el cdigo:
<!DOCTYPE html>
<html>
<head>
<title>Un titulo</title>
</head>
<body>
Texto de prueba
</body>
</html>
Esta es la estructura bsica mnima de un documento HTML, la primera lnea indica el tipo
de documento, no quiero profundizar mucho en la explicacin de esta etiqueta solo
mencionar que anteriormente haba etiquetas DOCTYPE muy enredadas y confusas, algo
as como: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">. En HTML5 solo hay una nica etiqueta
DOCTYPE que esta que us en el ejemplo, por lo que est etiqueta le indica al navegador
que usaremos el estndar HTML5.
La segunda lnea (<html>) indica el inicio del documento HTML, esta etiqueta tiene su
respectiva etiqueta de cierre (</html>) al final de nuestro documento.
Despus sigue la etiqueta <head> que al igual tiene su etiqueta de cierre </head>, ests
etiquetas indican la cabecera del documento HTML.
Dentro del HEAD encontramos la etiqueta <title> con su etiqueta de
cierre </title> dentro de ests etiquetas se escribir el ttulo de nuestra pgina.
Despus pasamos al cuerpo del documento que est delimitado por las
etiquetas <body> y </body> dentro del cuerpo del documento es donde vamos a escribir
todo aquello que se visualizar en el navegador al abrir la pgina, en este caso lo que se
visualiza es el "Texto de prueba".
Como se observa en el cdigo de ejemplo, un documento HTML se divide en dos partes,
el HEAD y el BODY, en la parte del HEAD va la informacin de la pgina, cosas como el
ttulo, descripcin, idioma, autor, entre otras mas dirigidas principalmente a los
buscadores y navegadores, pero la parte dirigida a los usuarios est en el BODY, como su
nombre lo dice es el cuerpo de la pgina, es donde va el contenido, donde se organiza y
se muestran el texto, los colores, las imgenes y todo lo visual.
Ahora ya sabemos crear un documento HTML con el bloc de notas de windows, aunque
cabe aclarar que para fines reales de desarrollo usar el bloc de notas resulta ser muy
anticuado pues el bloc de notas es un editor muy sencillo y bastante limitado en
comparacin con otros programas de edicin mas potentes que nos permiten mayores
funcionalidades al momento de escribir cdigo HTML, por el momento me parece bien
concluir con este artculo.

Qué Es HTML

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Qué Es HTML

Uploaded by

Copyright:

Available Formats

Qu es HTML?

HTML (HyperText Markup Language) o "Lenguaje para Marcado de

Publica tus propias pginas con fotos, listas, tablas, etc.

Obtn informacin de los visitantes de tu sitio.

Disea los formularios que te permitirn contactar tus futuros clientes.

Crea un sitio para vender ts productos o servicios.

Qu conocimientos previos debes poseer?

Los archivos HTML

Vamos a hacer nuestro primer sitio!

Las etiquetas estn encerradas entre los signos "<" y ">".

Generalmente vienen en pares <p> y <p>.

La primera es de apertura y la segunda de cierre.

El texto que se encuentra entre dos etiquetas es el contenido del elemento.

Las etiquetas no son sensibles a las maysculas y minsculas, o sea <b> es lo

as como: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

You might also like