Una vez vistas las características que debe cumplir un fichero HTML y la estructura que debe seguir, ya podemos proceder a crear nuestro primer archivo HTML.
Realizaremos los siguientes pasos:
1.- Abrir el bloc de notas: Inicio -Todos los programas - Accesorios - Bloc de Notas
2.- Escribir todas las etiquetasnecesarias y obligatorias que debe contener todo fichero HTML. Es muyimportante anidar los tags para que el código sea legible y siga una estructuraordenada. Lo ideal es, para cada nivel de indentación, un nivel de tabulación.
El resultado de nuestro ficherodebería quedar de la siguiente forma:
<html>
<head>
<title>Bienvenidos alcurso de diseño</title>
</head>
<body>
Esta es mi primera páginaen HTML
</body>
</html>3.- Guardar el archivo en formato HTML(Archivo - Guardar como...). Bastará con seleccionar dónde almacenar el ficheroy guardarlo con el nombre primer-ejemplo.html.
4.- Acceder a la ruta donde se haalmacenado el fichero y abrirlo con el navegador.
PARRAFOS Y SALTOS DE LINEA:
Párrafos (<p> y </p>) y saltos de línea (<br />)
Cada párrafo va definido entre las etiquetas <p> y </p>.
Para insertar un salto de línea, lo haremos con la etiqueta simple <br />.
La diferencia entre ambos es que br hace un cambio de línea mientras que p inserta una línea en blanco.ENCABEZADOS:
Las cabeceras fueron creadas para representar con tamaño adecuado los títulos y/o subtítulos de una página.
Estos encabezados o cabeceras representan mediante una H (de cabecera - header en inglés) más un número del uno al seis dependiendo de la importancia dentro de nuestro contenido. Las cabeceras son, pues, las siguientes: <h1>, <h2>, <h3>, <h4>, <h5> y <h6>, siendo 1 la cabecera más relevante y 6 la que menos.FORMATO DE TEXTO (Negrita, Cursiva, Subrayado, Tachado):
Las etiquetas básicas para dar estilos negrita, cursiva, subrayado y tachado estandarizado a nuestros textos.
Lamentablemente el estilo de fuente aplicado mediante HTML quedó obsoleto luego de la aparición de CSS, siendo reemplazado por las siguientes propiedades:
<b> </b>, reemplazado por la propiedad CSS font-weight:bold (negrita);
<i> </i>, reemplazado por la propiedad CSS font-style:italic (itálica o cursiva);
<u> </u>, reemplazado por la propiedad CSS text-decoration:underline (subrayado);
<s> </s>, reemplazado por la propiedad CSS text-decoration:line-through (tachado);COLORES Y TIPO DE FUENTE:
La etiqueta <font>
<font> es una etiqueta obsoleta reemplazada por las hojas de estilo. Es común encontrarnos páginas cuyo código aún las incluyen. No es erróneo, pero su uso implicará no cumplir los estándares. Dicha etiqueta incluye atributos como "face" (para especificar el tipo de fuente), "size" (para el tamaño) o color.<font face="arial" size="12px" color="#0088AA">TEXTO CON FORMATO</font>
Los colores basicos son:
#FF0000 - Rojo
#00FF00 - Verde
#0000FF - Azul
Otros colores son:
#FFFFFF - Blanco
#000000 - Negro
