Buscar Más buscado

Html facil - Tu Primera pagina

3 - Tu Primera pagina

[editar]
Curso gratis creado por Ivan Tecuapacho Cosetl.
28 de Marzo de 2006
< anterior | 1 2 3 4 5 6 7 | siguiente >
Tu primera página


Escritura de la página
Ahora podemos crear la primera página de tu sitio, en el Block de Notas o con SimpleText, si no tienes un editor HTML.
Empezaremos con el esqueleto de la página:
<html>
<head>
<title>Mi sitio</title>
</head>
<body>
</body>
</html>

Para copiar este código, selecciónalo con el mouse, aprieta las teclas Ctrl+C , ve a tu documento y aprieta Ctrl+V. Aparecerá lo que querías copiar.
En el cuerpo de la página (entre las tags <body> y </body>) vamos a agregar el contenido:
<html>
<head>
<title>Mi sitio </title>
</head>
<body>
<H1 align=center>Mi sitio web</H1>
<!-- La baliza &lt;H1&gt; señala un título de nivel 1; su atributo "align" permite determinar la alineación del elemento ("right","center", "left" ou "justify") -->
<!-- Agreguemos un título en negrita -->
<b>¡¡Bienvenido a mi sitio personal!!</b>
<p>
Puedes escribir aquí tu texto de presentación.
<br>
No dudes en volver a la línea
<br>
<br>
<!-- Agreguemos un texto subrayado antes de poner una imágen u objeto, de la siguiente manera -->
<u>Mi foto preferida</u>
</body> </html>

Puedes ver que para la baliza párrafo <p>, el cierre es facultativo; tampoco la necesitamos para la vuelta a la línea <br>.
Grabar y ver tu página
Antes de pasar a la siguiente etapa, vamos a grabar y vizualizar tu página.
Como es una página de inicio, la grabaremos con el nombre 'index.html' en el repertorio raíz del sitio (en formato texto solamente). Puedes abrir esta página en el navegador.
Luego, a cada modificación grabada en tu editor, solo tendrás que darle a 'Actualizar' en la barra de menú de tu navegador para ver las modificaciones.
Nota : Es casi obligatorio nombrar tus archivos con minúsculas, para evitar cualquier problema con los alojadores Web para quiénes 'index.html' y 'INDEX.HTML' son dos elementos distintos.
[editar]
< anterior | 1 2 3 4 5 6 7 | siguiente >

Opinar
2 opiniones

Hola.

Wow, todo esta excelente, felicitaciones... Tengo una consulta, tengo una página de myspace y quisiera poder colocar un link invisible sobre mis tops friends (algo que los lleve de nuevo a mi url)... Quiero que se vean pero no quiero que los contacten porque a algunos de ellos les molesta eso... Cómo lo hago?.
Interesante.

Interesante el curso ya que se puede aprender bastante siempre y cuando se ponga en practica lo visto en el curso.

Cursos gratis relacionados con 'Html facil'

Html facil
Aprende como hacer una pagina web a base de codigo HTML, aprenderas lo fundamental y... Más »
Curso completo de HTML
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Fundamentos de diseño de Sitios Web
Cuando hablamos de un sitio web nos estamos refiriendo en realidad a un conjunto de... Más »
Problemas típicos de la programación Web
La programación de aplicaciones para la Web es una técnica que ya lleva suficientes años... Más »
Lenguajes de Programación para la Web
Revisamos varios lenguajes de programación que son usados en la actualidad para hacer páginas Web.... Más »

Anuncios Google