Apuntes Web
ApuntesWeb.net > Manuales >

Aprender HTML Básico en ocho pasos

El lenguaje universal utilizado en la publicación de información en internet es HTML(acrónimo de HyperText Markup Language, Lenguaje para el Formato de Documentos de Hipertexto).
El organismo sin fines de lucro W3C (World Wide Web Consortium) se encarga de elaborar las normas que deben seguir los diseñadores de páginas web para crear las páginas HTML.
La última versión vigente es HTML 4.01, actualmente se viene desarrollando la versión HTML 5.

En este pequeño tutorial crearemos una página web, modificaremos su contenido y aprenderemos el funcionamiento de las etiquetas básicas que tiene el HTML.

Nivel: Básico

Requisitos:

Paso 1 Abra el Bloc de notas

Desde el menú Inicio de Windows, haga clic en Inicio> Programas> Accesorios> Bloc de notas

Paso 2 Copie el siguiente código al Bloc de notas:

<html>
<head>
<title>Aqui va la descripcion</title>
</head>
<body>
<h1>Titulo Principal</h1>
<p>Aqui escribimos el parrafo</p>
</body>
</html>

El código anterior es la estructura básica de un documento HTML. donde encontraremos dos tipos de etiquetas HTML: una que inicia la etiqueta y otra que finaliza por ejemplo:

<title> inicia la etiqueta

</title> cierra la etiqueta

Entre las etiquetas más utilizadas tenemos:

Paso 3 - Guardar como un archivo HTML

En el Bloc de notas, ir a Archivo> Guardar como

Elegimos el escritorio u otra ubicación para guardar el ejemplo

Paso 4 - Nombre del Fichero

Escriba el nombre de "miweb.html" en el campo de nombre de archivo.

nombre de archivo

Un archivo HTML es simplemente un archivo de texto ".txt" guardado con la extensión ".html"

Paso 5 Abrir el archivo HTML

Mira en el escritorio o en la ubicación que guardaste el archivo "miweb.html" Generalmente el archivo tendra esta apariencia:


Haga doble clic sobre el y listo

Nota:

Paso 6 Ver el Código Fuente y Modificarlo

En el navegador (Internet Explorer) Ir a menu Ver > Código Fuente. Si el texto que ves te parece familiar, es porque es el mismo código que acabas de introducir en el Bloc de notas.

Ahora Cambie el texto entre las etiquetas <title></title> y escriba "Mi primera Web".

Y entre <h1> </h1> "El html es Facil"

Paso 7 Guardar los cambios

En el Bloc de notas Haga clic en Archivo> Guardar .

Paso 8 Ver cambios

Abra nuevamente el archivo HTML "miweb.html" o Actualizelo presionando la tecla F5 y tendra el siguiente resultado:

Experimente con cambios en el código fuente y repita los pasos anteriores. cambie nuevamente el texto entre <title></title> modifique las etiquetas <h1> </h1> a <h2> </h2> o h3. agregue más texto en el parrafo y ver qué efecto tienen.

Artículos Relacionados:

MANUALES

MANUAL CSS

Ejemplos de las propiedades css paso a paso, descargas, ejercicios.

MANUAL XHTML

Aprender HTML paso a paso con ejemplos, descargas, ejercicios, marcado básico.

HTML en 8 pasos

Una Guia práctica para entender el lenguaje HTML en 8 sencillos pasos

Tutorial Robots.txt

Controle el acceso de robots de busqueda a sus directorios

Tutorial Favicon.ico

Aprenda a personalizar el icono de su sitio Web.

Tutorial PHP Básico

Empieze a utilizar el lenguaje de servidor PHP, mediante ejemplos.

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net