Segunda Parte: Códigos HTML Para Páginas Web

Ninguna página debe carecer de título ya que el explorador lo buscará para identificarla, además es fundamental a la hora de la indexación por parte de los buscadores.

Habiendo aprendido la estructura básica del HTML podemos escribir un sencillo código como el siguiente.

<html>
<head>
<title>Este es solo un ejemplo</title>
</head>
<body>
Aqui se encuentra el contenido de la web
</body>

Lo único que se verá en la pagina del ejemplo es el texto “Aqui se encuentra el contenido de la web”, ya que se encuentra dentro del la etiqueta <body>. En lo que sigue veremos como dar formato al texto.

Post que te puede interesar: Ejemplo de Paginas web en HTML y CSS + Tutorial de edicion

Edición De Texto En HTML

Para la edicion de textos se usan etiquetas y atributos, comencemos viendo los atributos más destacados:

  • Face: fuente. nombre de la fuente, o fuentes.
  • Color: color del texto. número hexadecimal o texto predefinido.
  • Size: tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o – delante del valor

Habría que escribir:

<font color=”#993366″ size=”4″ face=”Comic Sans MS, Arial, MS Sans Serif”>Aquí se encuentra el contenido de la web</font>

Otra forma de darle tamaño al texto es mediante la etiqueta <hx> con x que va creciendo de 1 en 1. Teniendo <h1>; <h2>; <h3>; <h4>; etc. Estas etiquetas no solo dan tamaño sino también jerarquizan al texto. Siendo el texto que coloques en la etiqueta <h1> el titulo principal de la página y los demás <h2>, <h3>, etc subtitulos. Es muy importante respetar y estructurar con estas etiquetas tus páginas para una mejorar indexación de tu contenido.

Para resaltar los textos existen varias etiquetas:

<b> negrita negrita

<i> cursiva cursiva

<u> subrayado subrayado

<s> tachado tachado

<tt> máquina de escribir máquina de escribir

Por ejemplo, para insertar el texto:

Aquí se encuentra el contenido de la web

Habría que escribir:

<font color=”#ED1CF7″ size=”5″ face=”Comic Sans MS, Arial, MS Sans Serif”><u>Aquí<u> se <s>encuentra</s> el contenido de la <b>web</b></font>

Deja un comentario