COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
1. UNIVERSIDAD ESTATAL DE BOLIVAR
CAEDIS LAS NAVES
Asignatura:
Herramientas de la Gestión Web I
Tutor:
Lic. Marcelo Baño
Integrantes:
Guicela Ocampo, Jenny Andachi
Ciclo:
7mo Informática educativa
SIGUIENTE
2.
3. QUE ES HTML.
• Es el lenguaje con el que se
escriben las páginas web. Las
páginas web pueden ser vistas
por el usuario mediante un tipo
de aplicación llamada navegador.
Podemos decir por lo tanto que el
HTML es el lenguaje usado por
los navegadores para mostrar las
páginas webs al usuario, siendo
hoy en día la interface más
extendida en la red.
4. ESTRUCTURA Y ETIQUETAS
Las etiquetas se escriben entre < > y (la mayoría) tienen
la etiqueta de cierre < / >, que es la misma etiqueta solo
que con la barra / después de <. Lo que está entre las
dos etiquetas recibe el efecto.
¿Para qué una etiqueta de cierre?, bueno es para limitar
nuestra etiqueta, o sea, como no queremos que todo este
subrayado (por ejemplo) donde ya no queremos que sea
así escribimos el cierre. La etiqueta <u> y su etiqueta
de cierre, </u>, indica subrayar un texto.
Ejemplo:
<u> Texto subrayado </u> Texto Normal, el resultado
es:
Texto subrayado Texto Normal
SIGUIENTE
5. ESTRUCTURA Y ETIQUETAS
ETIQUETAS FUNCION
<html> empezar con la etiqueta principal
<head> El encabezado, que es el título de la página
<title> para el titulo
<body> Para el contenido de la pagina
<u> Texto subrayado
<b> indica texto en negrita
<p> dejar una línea de separación
ESTILOS DE PARRAFO
<br> deja una linea de espacio
<hr> colocar una línea para separar
size tamaño
color El color
width el ancho
ESTILOS DE FUENTES
<BLINK> Texto intermitente
<VAR> Texto grande
<STRIKE> Texto tachado
Atributos de BODY
<body bgcolor="#00CCFF"> para poner un color fijo de la página
<body background="fondo.jpg"> Coloca una imágen de fondo de la página
<a> hace que un texto se convierta en enlace
6. Las partes del documento:
<html>
<head> <title> Título de mi
página </title> </head>
<body>
Aquí
va el contenido de mi
página
</body> </html>
Nota: Te recomiendo no usar espacios, mayúsculas o caracteres especiales (# $ % °)
en el nombre de tu archivo, para evitar problemas de lectura con el navegador.
Podrías utilizar guiones ( - ) o guiones bajos ( _ ) para reemplazar a los espacios y
nombrar a tu archivo algo así: pagina_1.html
EJEMPLO
7. Mi primer página
El código es este:
<html>
<head>
<title>Música</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estas en la mejor página.</p>
<p>La mejor música solo aquí.</p>
</body>
</html>
DISEÑO DE LA Pg.
WEB
9. EL HIPERTEXTO es una tecnología que organiza una base de información en
bloques distintos de contenidos, conectados a través de una serie de enlaces cuya
activación o selección provoca la recuperación de información
Se representan el estilo secuencial, el estilo jerárquico, el estilo reticulado y el
hipermedio.
10. Recomendaciones:
• Es recomendable usar el Bloc de notas que
viene con windows, u otro editor de textos
sencillo. Hay que tener cuidado con algunos
editores más complejos como Wordpad o
Microsoft Word, pues colocan su propio código
especial al guardar las páginas y HTML es
únicamente texto plano, con lo que podremos
tener problemas.
• Utiliza siempre la misma extensión en tus
archivos HTML. Eso evitará que te confundas
al escribir los nombres de tus archivos unas
veces con .htm y otras con .html. Si trabajas
con un equipo en un proyecto todavía más
importante que os pongáis todos de acuerdo en
la extensión.
SIGUIENTE