Anda di halaman 1dari 10

<!DOCTYPE HTML> < HTML LANG="ES"> ..........

Con las etiquetas <title> y </title> se define el ttulo de cada una de las pginas de una web. No de la web completa sino de cada pgina del sitio web. Por ejemplo, si tienes una web que habla de cocina, tendr dentro una pgina que hable de una sopa, otra de tarta de fresa, etc, etc. Pues cada una de esas pginas ha de tener un ttulo que represente a esa pgina, no uno genrico de la web sino un <title> concreto para cada una de sus pginas. La lnea completa de un cdigo de pgina sera por ejemplo este: < title>Ttulo de esta pgina</title> <meta name="Description" content="descripcin de la pgina">

DEFINIR EL CHARSET O TIPO DE CODIFICACIN DE TUS PGINAS


LA LNEA PARA QUE LOS CARCTERES EN CASTELLANO APAREZCAN BIEN EN LOS NAVEGADORES CUANDO SE ESCRIBE CDIGO HTML5 SERA ESTA: < META CHARSET="UTF-8" />

Prrafos Lo ms bsico que podemos insertar en nuestra nueva pgina an en blanco, son palabras. Vamos a ver como se pone en cdigo Html5 un prrafo. Para escribir un prrafo, lo haremos dentro de la zona visible (el body) encerrando lo que queremos escribir entre los smbolos <p> y </p> que son las etiquetas para escribir prrafos.

<!DOCTYPE html> < html lang="es"> <head> <meta charset="utf-8" /> <title>Mi Nueva Web</title> </head> <body> <p>Hola amigos, esta es mi nueva Web</p> </body> < /html>

Resaltar Textos

Textos en Negrita
Si encerramos un texto entre <b> y </b> ste aparecer en negrita. El tag <b> representa a la propiedad "bold" que significa negrita. Podemos aplicar a la vez los tags <p>, <b> y cualquiera de los que se explican abajo. Un ejemplo de un prrafo simple con una palabra en negrita, la palabra "negrita": <p>Este prrafo es normal y esta palabra va en <b>negrita</b>, lo ves? </p> Textos en Cursiva Si encerramos un texto entre <i> y </i> ste aparecer en cursiva. El tag <i> representa a la propiedad cursiva. Podemos aplicar a la vez los tags <p>, <b>, <i> y cualquiera de los que se explican abajo. Un ejemplo de un prrafo simple con dos palabras en cursiva, las palabras "cursiva" y "ves":

<p>Este prrafo es normal y esta palabra va en <i>cursiva</i>, lo <i>ves</i>? </p>

Textos Subrayados Si encerramos un texto entre <u> y </u> ste aparecer subrayados. El tag <u> representa a la propiedad subrayado. Podemos aplicar a la vez los tags <p>, <b>, <i> y <u>, entre otros. Un ejemplo de un prrafo simple con un trozo subrayado: <p>Este prrafo <u>tiene un trozo subrayado.</u> Te gusta? </p>

Para insertar un comentario solo necesitamos encerrarlo entre estos dos smbolos o etiquetas: <!-- (Este es el smbolo que indica inicio de comentario) --> ( y con esto se termina el comentario) Por ejemplo, esto que sigue es un comentario: <!-- esto es un comentario --> Otro ejemplo es este, donde vemos que podemos meter ms guiones por si queremos dejarlo ms visible: <!----- esto es un comentario ----->

Los Ttulos Html para resaltar titulares de tus textos. Al igual que para crear un prrafo encerrbamos su contenido entre las etiquetas <p> y </p>, para crear ahora un ttular basta con escribir su texto y encerrarlo en este caso entre las etiquetas <h1> y </h1>. Existen otras etiquetas de ttulos en Html5, h2, h3, h4, h5

IMAGENES

<img src="ruta/archivo.extensin" width="111px" height="222px" alt="Texto Alternativo"> La etiqueta para las imgenes es <img ............ >, no tiene etiqueta de cierre. Qu son los Textos Alternativos y cmo se colocan?

El texto alternatico es aquella frase que aparecer en la web cuando por el motivo que sea el navegador no cosigue mostrar la imagen.
<img src="imagenes/puesta-de-sol.png" width="450px" height="230px" alt="Las mejores puestas de sol, todoimagenes.com">

Anda mungkin juga menyukai