Primera Página (X)HTML

Veamos el ejemplo 01 del marcado HTML, donde teniamos un título y un párrafo.

Estructura XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"
lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Texto de la barra de titulo</title>
</head>
<body>
<h1>EL HTML</h1>
<p>Es el lenguaje universal, para compartir todos los
recursos de la gran red de internet y además es
muy fácil de aprender, de hecho ya lo estoy aprendiendo.
</p>
<body>
</html>

Guardando el documento XHTML

Todo el código anterior lo copiamos a un editor de texto plano:

Usuarios de Linux, tienes una variedad para elegir: mousepad, gedit,
kate y muchos más.
Usuarios de Windows, tienes el bloc de notas.
Usuarios de Mac, utilizar el TextEdit.

Y le asignamos un nombre por decir, web y lo guardamos con la extensión (.html), es decir, web.html

Ahora vemos en la unidad o carpeta donde guardaste el documento web.html Debería tener la apariencia del icono de tu navegador predeterminado por ejemplo puede tener una de estas apariencias:

Seguidamente abrimos el documento y vemos el resultado, como te abras dado cuenta en el navegador solo aparece el texto encerrado entre las etiquetas, pero las etiquetas no.

El texto dentro de las etiquetas <title>... </title> no aparece dentro del contenido de la página, pero si en la parte superior izquierda de su navegador.

Viendo el código fuente de la pagina web

En su navegador vaya al menu Ver y elija Código Fuente o código fuente de la página, y observara la estructura del HTML con las etiquetas.

Modificando la página web

Vaya al archivo html y elija abrir con:

Usuarios de Linux: mousepad, gedit, kate
Usuarios de Windows, tienes el bloc de notas.
Usuarios de Mac, utilizar el TextEdit.

Editando el Código

Editamos el texto de <title>... </title> y colocamos:
<title> Mi primera pagina HTML </title>

Añadimos <h2>Definición</h2> justo debajo de <h1>El HTML</h1>

Veamos como quedaria despues de editar y agregar:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"
lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Mi primera pagina HTML</title>
</head>
<body>
<h1>EL HTML</h1>
<h2>Definición</h2>
<p>Es el lenguaje universal, para compartir todos los
recursos de la gran red de internet y además es
muy fácil de aprender, de hecho ya lo estoy aprendiendo.
</p>
<body>
</html>

Finalmente Guardamos los cambios

Guardamos los cambios efectuados y abrimos nuevamente el archivo web.html, y observamos las modificaciones.

<< Estructura XHTML

Elementos HTML >>

Diseño Web

Programas

Manuales

Recursos Gratis