Beruflich Dokumente
Kultur Dokumente
Para escribir en HTML, es usan etiquetas de apertura, así: <____>. Una etiqueta de
cierre se verá así: </____>. Al final, reemplazarás el "____" por un código.
Donde se escribe el código hay muchos editores pero para nuestro caso se utilizara el
bloc de notas
Otro programa que puedes usar es el Bloc de Notas++ (lo puede descargar gratis por
Internet). En este bloc todo lo que escribas estará automáticamente conectado con
diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.
3. Dile al navegador qué lenguaje vas a usar. Escribe <html>. Esta es la primera
etiqueta que deberás escribir, la cual le indica a la computadora que empezarás a hacer
una página web. También se cerrará al final, así que al final del documento, ciérralo con
</html>. Esto finalizará la página web.
4. Escriba el encabezado (head) de la página como se muestra en el gráfico.
5. Ponle un título a la página. El título es importante, porque les dará a los usuarios una
idea del tema de la página. Además, cuando los usuarios le pongan un marcador al sitio,
el título es lo que único que verán en su lista de marcadores. El código HTML para el título
es: <title>. Ciérralo al final del título escribiendo </title>. El título solo se mostrará en la
pestaña, no será el título de la página en sí.
6. Haz el cuerpo de la página. Escribe <body> para abrir la etiqueta del cuerpo. Luego
ciérrala con la etiqueta </body>. La información para la página web irá entre <body> y
</body>.
7. Para colocar el título de la página, inicias con la etiqueta <h>, recuerda cerrarla </h>. El
título estará en medio de las dos etiquetas. Se pueden definir seis niveles de titulares,
<H1>.....</H1> hasta <H6>.....</H6> que a su vez determinan el tamaño de la letra.
Para darle un color de fondo a la página, podrás añadirle un estilo al cuerpo. En vez de
solamente escribir, escribe <body style="background: #963636">. Podrás probar con un
color distinto o incluso con un código hexadecimal.
<span style="color:#80BFFF">
Para cambiar el color de la letra, de un título especifico, debe escribir la etiqueta <FONT
COLOR= “ White”> TEXTO </FONT>.
Se verá así:
8. Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.
Para que el texto siga en la línea siguiente (como si presionaras "Enter" en el teclado),
escribe: <br>.
Regla Horizontal
El elemento que suele utilizarse para separar secciones dentro de una misma página es la
regla horizontal. Se emplean las siguientes etiquetas <hr>. Esta etiqueta no necesita
etiqueta de cierre.
Texto
Las propiedades del texto pueden modificarse, a través de la etiqueta <Font> y </Font>,
esta cuenta con algunos atributos.
Ejemplo
Etiqueta Significado
<strong> negrita
<i> cursiva
<u> subrayado
<s> tachado
Ejemplo:
También es posible incluir estas etiquetas entre las etiquetas de párrafos, así:
<p> Esta <b> página </b> se construye con el propósito de aprender HTML </p>
Para definir una fuente para todo el documento, se utiliza la etiqueta <basefont>. Esta no
necesita etiqueta de cierra, y se debe ubicar después de la etiqueta <body>
PÁRRAFOS
Los se pueden agrupar en párrafos, mediante las etiquetas <p> y </p>. La alienación de
los párrafos se puede cambiar por los valores align cuyos valores pueden
ser left (izquierda), right (derecha), center (centrado) o justify (justificado). Ejemplo:
MARQUESINAS
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la
ventana en forma de línea. Para insertar una marquesina, es necesario insertar el texto
entre las etiquetas <marquee> y </marquee>.
Atributos:
A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los
valores:
Ejemplo
Hipervinculos
Es un enlace que al ser pulsado lo lleva a una página o archivo. Para ello se emplean las
etiquetas <a> </a>
Atributo: href
Ejemplo
Si se quiere que el enlace abra en una nueva pestaña, se usa el atributo target y el valor
_blank, así:
IMÁGENES
Como se vio en la anterior clase, para insertar imágenes, se usa la etiqueta <img>, la cual
no requiere de etiqueta de cierre.
El valor que pueden tomar los atributos width y height ha de ser un número,
acompañado de % cuando se desee que sea en porcentaje con respecto a la página.
Ejemplo:
<a href="http://www.eltiempo.com"><img src="c:\imagen/tiempo.jpg" border="0"
width=15% ></a>