Publicado en HTML, Tutoriales

HTML – Parte 1 – Introducción a HTML

¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje que se emplea para el desarrollo de páginas de internet.

El lenguaje HTML es un estándar reconocido en todo el mundo. Sus normativas están definidas por  y un organismo sin ánimo de lucro llamado World Wide Web Consortium (http://www.w3.org/), más conocido como W3C.  HTML es un estándar reconocido por todo el mundo, lo que permite que una misma página HTML pueda visualizarse de forma muy similar en cualquier navegador de cualquier sistema operativo.

HTML es un lenguaje muy fácil de aprender. Está basado en el uso de etiquetas, formadas por textos ASCII y encerradas entre los caracteres: < y >.

La etiqueta de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. La etiqueta afectará por tanto a todo lo que esté incluido entre las etiquetas de  inicio y fin. No obstante, existen algunas que no necesitan cierre, ya que en estas etiquetas se presupone su final, como por ejemplo; <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen.

Estructura HTML

Para entender mejor veamos la estructura básica de una página o documento HTML:

Estructura HTML (Rincón Freelance)
Estructura HTML (Rincón Freelance)

Las etiquetas <HTML></HTML> indican el principio y fin de la página web, la cual está dividida en dos secciones enmarcadas por las etiquetas <HEAD></HEAD>, que representan el inicio y fin de la sección de cabecera de la página, y <BODY></BODY>, que encierran el cuerpo del documento HTML.

Mi primera página HTML

pagina1.html (Roncón Freelance)

Ahora manos a la obra. Hagamos nuestra primera página HTML. Para ello podemos utilizar cualquier procesador de textos, como Bloc de Notas, por ejemplo. Después de abrir el procesador de textos de su preferencia, escriba o copie el siguiente código HTML:

Después de editar el siguiente código guarde el archivo como pagina1.html y ábralo en su navegador favorito.

¿Extensión .HTM o .HTML?

Al guardar un documento HTML, puede utilizarse tanto la extensión .html como .htm. Nosotros utilizaremos en nuestros tutoriales la extensión .html.

El resultado del código lo apreciamos en la siguiente imagen. Podemos vepagina1.html (Rincón Freelance)r el título de la página: “Mi primera página HTML” (enmarcado por la etiqueta <TITLE></TITLE> dentro de la sección de cabecera) y el cuerpo del documento que aparece después de una línea en blanco (etiqueta <BR>). También note que la palabra “HTML” aparece en negrita por estar dentro de las etiquetas <B></B>.

Fuente: Rincón del Freelance

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s