Lo
primero que se debe hacer es abrir un blog de notas donde este se va a guardar
con el nombre que desee seguido por .html (Ej: Colombia.html)
este archivo es mejor en una carpeta que este
en el escritorio.
Abrimos
nuestro blog de notas donde comenzaremos a escribir los siguientes códigos:
Ø <html>
es lo primero q se debe colocar.
Ø <head>
es la cabeza de nuestra página en donde se escribiría el siguiente código.
Ø <tittle>
es donde vamos a colocar el título de nuestra página.
Ej:
<tittle> Colombia
Ø <marquee>
es una ventana en la que se desplaza un texto.
Ø <marquee
behavior="alternate"> el texto va y vuelve (de esquina a esquina)
Ø <marquee
behavior="scroll"> texto sigue de largo y vuelve a aparecer
Ø <marquee
behavior="slide"> texto llega hasta una esquina y se queda quieto.
Ø <marquee
scrollamount=”100%”> velocidad con saltos
Ø <marquee
scrolldelay=”50%”> velocidad continua
Ø <marquee
loop=”190%”> veces que aparece el texto
Ø <b>
negrilla
Ø </b>
cerrar negrilla
Ø <i>
cursiva
Ø </i>
cerrar cursiva
Ø <u>
subrayado
Ø </u>
cerrar subrayado
Ø <s>
tachado
Ø </s>
cerrar tachado
Ø <big>
letra grande
Ø </big>
cerrar letra grande
Ø <small>
letra pequeña
Ø </small>
cerrar letra pqueña
Ø <strong>
negrilla
Ø </strong>
cerrar negrilla
Ø <sup>
superíndice
Ø </sup>
cerrar superíndice
Ø <sub>
subíndice
Ø </sub>
cerrar subíndice
Ø <h1>
letra grande negrilla
Ø <h2>
letra menos grande negrilla
Ø <h3>
letra menos grande que la anterior en negrilla
Ø <h4>
letra menos grande que la anterior en negrilla
Ø <h5>
letra menos grande que la anterior en negrilla
Ø <h6>
letra menos grande que la anterior en negrilla
Ø </h1></h2></h3></h4></h5></h6>
cerrar letras en negrilla
Ø <br>
espacio entre texto y texto o imagen.
Ø <aling=”center”>
texto o imagen centrado
Ø <aling=”left”>
texto o imagen a la izquierda
Ø <aling=”right”>
texto o imagen a la derecha
Ø <aling=”middle”>
texto o imagen no tan centrado (medio)
Ø <aling=”bottom”>
texto o imagen en fondo
Ø <aling=”top”>
texto o imagen superior
Después
de que ya hayamos escogido la letra, el tamaño y la marquesina pasamos a cerrar
estas.
Ej: </tittle></marquee></h1>
</head>
Ø <body>
es donde se va a escribir el contenido de nuestro tema
Ø <body
bgcolor="#000000"> es el color que se lo puedo colocar de fondo
Listas: Para las listas que no
están ordenadas utilizamos los siguientes códigos:
Ø <ul>
Ø <ul
type=”cird”> viñeta en forma de punto
Ø <ul
type=”disc”> viñeta en forma de disco
Ø <ul
type=”square”> viñeta en forma de cuadrado
Ø <li>
se escribe el contenido
Ø </li>
cerrar contenido
Ø </ul>
cerrar la lista
Para
las listas que son ordenadas utilizamos los siguientes códigos:
Ø <ol>
Ø <ol
type=”a”> letras de abecedario en minúscula
Ø <ol
type=”A”> letras de abecedario en mayúscula
Ø <ol
type=”I”> números romano mayúscula
Ø <ol
start=”algún número” es para indicar que llega hasta el número que indiquemos
Ej: <ol type=”I”
start=”8”> quiere decir que llega hasta el número romano VIII
Ø <li>
se escribe el contenido
Ø </li>
cerrar contenido
Ø </ol>
cerrar la lista
Imagen: Para montar un imagen
se debe guarda la imagen deseada en la carpeta que creamos en nuestro
escritorio en formato jpg.
Ø <img
SRC="nombre de la imgen.jpg">
Ø <width="220">
ancho de la imagen
Ø <height="220">
alto de la imagen
Ej: <img
SRC="Kuwait-brings-smile-to-thousands-of-Pakistanis.jpg"
width="220" height="220" align="center">
Enlaces: Para hacer un enlace se
debe abrir un blog de notas nuevo donde este se va a guardar en la misma
carpeta donde está guardado el blog de notas anterior; este nuevo blog de notas
se guardará con el nombre q se desee seguido de .htm (ej: himno.htm)
En
el blog nuevo volvemos a escribir los siguientes códigos:
Ø <html>
Ø <head>
Ø <tittle><h1><marquee
behavior="alternate"> Himno
Ø </tittl></marquee>
Ø <body
bgcolor="000fcfc"><h2><align="center">
En
el blog que ya creamos anterior mente escribimos los siguientes códigos para
enlazar:
Ø <a
href=”nombre del blog que guardamos”>
Ej: <ul
type="disc">
<li><a
href="himno.htm"> Himno
</li></a
href="himno.htm">
</ul>
En
este blog se escribirán los siguientes códigos para que a medida que enlacemos
vaya apareciendo el color de cada link:
Ø <body
link="#9900FF"> color del link sin visitar
Ø <body
alink="#ffffff"> color del link cuando uno le da clic
Ø <body
vlink="#999900"> color del link ya visitado
Finalmente
se cierra </body> y </html>
ESPERO QUE LES HAYA SERVIDO.
No hay comentarios:
Publicar un comentario