Iniciando con HTML
¡Finalmente! La parte a la que quería llegar en el blog :), en esta entrada hablare sobre lo básico del HTML, como se escribe una pagina web, con que, y las reglas del juego en general. (introducción corta, empecemos rápido con el HTML)
HTML
El HTML (HyperText Markup Language) nos ayuda a describir el contenido y la estructura de nuestra página web, importante, el HTML NO define la presentación visual de las páginas web, ¿qué quiere decir esto? quiere decir que cosas como el tipo de letra y fuente no es función del HTML. La presentación visual se puede realizar con CSS. Con las etiquetas de HTML se pueden escribir elementos.El compuesto básico de todas las páginas Web es el "Elemento":
<p class="atributo"> Aquí hay un párrafo </p>
El elemento se compone de etiquetas iniciales y finales" por ejemplo <p> y </p>", atributos "class=atributo", y un contenido( todo lo que valla entre las etiquetas inicial y final, puede hasta ser otras etiquetas). Las etiquetas se utilizan mucho en el HTML, todas las etiquetas iniciales deben cerrarse, ejemplo:
<p> Contenido </p>
Las etiquetas finales son iguales a las iniciales, solo que van con un "/" antes del nombre de la etiqueta, ¡no te olvides de cerrar las etiquetas que abras! solo la etiqueta inicial puede contener atributos. Hay muchas etiquetas que realizan diferentes funciones, la etiqueta del ejemplo "<p>" es la que se usa para escribir un parrafo en HTML, pero hay otras, como para colocar en negrita un texto, cursiva, hacer tablas, listas, etc, más adelante veremos algunas.
Reglas Básicas Del Juego:
Primero lo primero, respondiendo a la pregunta ¿Con qué escribo HTML?, simple, el HTML puede escribirse con diferentes programas, algunos pagos, otros gratuitos. En el caso de los gratuitos puedes escribir HTML en procesadores de texto como el blog de notas de Windows, hay más programas que pueden ayudarte, como Notepad++ que tambien es gratis, y te puede simplificar la vida si vas a escribir HTML, si deseas descargarlo haz clic en el link que dejé, te llevará a la página de descargas, te recomiendo que le descargues el plugin TextFX, te permitirá habilitar una opcion de auto-completado para las etiquetas ¿Cómo así? tu escribes la etiqueta inicial y automáticamente el programa te escribirá la etiqueta final. En conclusión puedes escribir HTML en un procesador de texto para crear ficheros.
La estructura básica de un fichero en HTML es la siguiente:
Estas etiquetas cumplen las siguientes funciones:
-<html>: Es la primera etiqueta, y la principal, solo puede haber una, toda la pagina web debe escribirse dentro de esta etiqueta.
-<head>: Esta etiqueta define la cabecera de una página web, lo que se escribe dentro de esta etiqueta no puede ser visualizado en el navegador. Su uso principal es definir como debe ser procesada la página, o para describir información de la misma.
-<title>: Va dentro de la cabecera, es obligatoria y solo debe haber una, sirve para definir el titulo de la página.
-<body>: Define el cuerpo de la página web, lo que escribes aquí puede ser visualizado en el navegador, aquí puedes colocar el contenido de tu web.
Esas son las etiquetas básicas para poder escribir una página web, pero, como dije anteriormente, existen otras etiquetas, algunas más son:
-<h1>...<h6>: Define titulos, o encabezados, aunque son 6 usualmente se usan del 1 al 3, donde uno es la más grande y 3, bueno, no tanto.
-<p>: Esta ya la conocen, se utiliza para definir parrafos de texto.
-<strong>: Se usa para definir texto "Destacado", o lo que es igual, poner en negrita un texto.
-<em>: Define texto "Enfatizado"... pone en cursiva un texto.
Con estas etiquetas ya se pueden realizar paginas web sencillas.
1.-) Abre el blog de notas.
2.-) Escribe tu web siguiendo la estructura. Yo por ejemplo utilicé un ejemplo parecido al del curso, que usa negritas, cursivas, encabezados y párrafos para mostrar como se utilizan.
3.-) Guarda el fichero como ".html". Fijate bien en marcar la casilla todos los archivos, y al final del nombre de tu fichero coloca la extensión ".html" o ".htm".
4.-) Abre la página que creaste con un navegador.
Bien, esto es todo por ahora :) sencillo ¿no?.
La estructura básica de un fichero en HTML es la siguiente:
Estas etiquetas cumplen las siguientes funciones:-<html>: Es la primera etiqueta, y la principal, solo puede haber una, toda la pagina web debe escribirse dentro de esta etiqueta.
-<head>: Esta etiqueta define la cabecera de una página web, lo que se escribe dentro de esta etiqueta no puede ser visualizado en el navegador. Su uso principal es definir como debe ser procesada la página, o para describir información de la misma.
-<title>: Va dentro de la cabecera, es obligatoria y solo debe haber una, sirve para definir el titulo de la página.
-<body>: Define el cuerpo de la página web, lo que escribes aquí puede ser visualizado en el navegador, aquí puedes colocar el contenido de tu web.
Esas son las etiquetas básicas para poder escribir una página web, pero, como dije anteriormente, existen otras etiquetas, algunas más son:
-<h1>...<h6>: Define titulos, o encabezados, aunque son 6 usualmente se usan del 1 al 3, donde uno es la más grande y 3, bueno, no tanto.
-<p>: Esta ya la conocen, se utiliza para definir parrafos de texto.
-<strong>: Se usa para definir texto "Destacado", o lo que es igual, poner en negrita un texto.
-<em>: Define texto "Enfatizado"... pone en cursiva un texto.
Con estas etiquetas ya se pueden realizar paginas web sencillas.
Creando Mi Primera Página Web:
Para terminar el post les mostraré como crear una página web sencilla en el blog de notas de windows:1.-) Abre el blog de notas.
2.-) Escribe tu web siguiendo la estructura. Yo por ejemplo utilicé un ejemplo parecido al del curso, que usa negritas, cursivas, encabezados y párrafos para mostrar como se utilizan.
3.-) Guarda el fichero como ".html". Fijate bien en marcar la casilla todos los archivos, y al final del nombre de tu fichero coloca la extensión ".html" o ".htm".
4.-) Abre la página que creaste con un navegador.
Bien, esto es todo por ahora :) sencillo ¿no?.
Comentarios
Publicar un comentario