sábado, 5 de diciembre de 2015

HTML: conceptos básicos

HTML se emplea únicamente para definir la estructura y el contenido o información de una página web, la presentación visual no se define con HTML.
El lenguaje HTML está desarrollado por el World Wide Web Consortium, el W3C, el organismo internacional que vela por el correcto desarrollo de la Web.
HTML, HyperText Markup Language, el lenguaje de marcado o etiquetado que se emplea para crear, para escribir, los documentos o páginas web.
URL, Uniform Resource Locator, el localizador de recursos uniforme, el sistema de localización o direccionamiento de los documentos web.
Y HTTP, HyperText Transfer Protocol, el protocolo o lenguaje con el que se comunican el navegador y el servidor web y que se emplea para transmitir los documentos web por Internet.
Con el lenguaje HTML se describe la estructura y el contenido, que puede ser texto, imágenes, vídeos 
Las etiquetas básicas (html, head, title, body, h1, h2, h3, h4, h5, h6, p, strong, em)
Si la presentación visual no se define con HTML, ¿entonces con qué se define? Se define con CSS (Cascading Style Sheets).
y otros componentes, de las páginas web. Con HTML no se define la presentación visual de las páginas web.
Para aprender HTML y otras tecnologías web te recomiendo el sitio web W3Schools. http://www.w3schools.com/ En este sitio puedes encontrar un apartado de tutoriales. Después de ver los vídeos de este curso, consulta el tutorial sobre HTML, al menos el apartado sobre conceptos básicos.
El lenguaje HTML está formado por etiquetas, que se escriben encerradas por los corchetes angulares menor que y mayor que.
Desde que el lenguaje HTML se creó en el año 1990, el número de etiquetas que posee ha ido aumentando y en la actualidad, en la versión HTML5, está formado por más de 100 etiquetas.
El elemento es el componente básico de una página web, una página web está compuesta por un conjunto de elementos escritos en un orden concreto.
Un elemento se compone de una etiqueta inicial o de apertura, y una etiqueta final o de cierre. La etiqueta final se define con una barra inclinada y el nombre de la etiqueta inicial. En este ejemplo, la etiqueta se llama p y define un párrafo de texto de la página.
La etiqueta inicial puede llevar atributos, pero la final nunca lleva. En HTML, los atributos pueden llevar un valor. Por último, las etiquetas pueden tener contenido, que es todo lo que se escriba entre la etiqueta inicial y final: el contenido puede estar formado por otras etiquetas de HTML o puede ser simplemente texto como en este ejemplo

En cualquier momento, puedes ver el código HTML de una página web cualquiera con la opción “Ver código fuente” que puedes encontrar en la mayoría de los navegadores, a través del menú contextual que puedes activar pulsando el botón derecho del ratón sobre una parte vacía de una página web,
o a través del menú “Herramientas” en el caso del navegador Google Chrome y el menú “Ver” en el resto de navegadores.
La etiqueta <html> es la etiqueta principal, sólo puede existir una y toda la página web debe escribirse entre la etiqueta inicial y final de html.
La etiqueta <head> define la primera parte de una página web, la cabecera. Normalmente lo que se escribe en la cabecera no aparece representado en la página web cuando se visualiza en un navegador web, sino que se emplea para definir los metadatos, información sobre la página o instrucciones sobre cómo procesar la página web. Dentro de la cabecera se puede escribir la etiqueta <title> que es obligatoria, sólo puede haber una, y se emplea para definir el título de la página.
Por último, la etiqueta <body> define la segunda parte de una página web, el cuerpo. Lo que se escribe en el cuerpo sí que aparece representado en la página web cuando se visualiza en un navegador web.


Las etiquetas <h1>, <h2>, y así hasta <h6>, se emplean para definir los encabezados o títulos en la página. Existen seis niveles de importancia, siendo <h1> el más importante, y <h6> el nivel menos importante. Normalmente, usarás los niveles <h1>, <h2> y <h3>, y es muy raro que tengas que usar los niveles <h4>, <h5> y <h6>.
La etiqueta <p> se emplea para definir un párrafo de texto.
Y la etiqueta <strong>, que ya la hemos visto antes, se emplea para destacar un fragmento de texto importante mientras que la etiqueta <em> se emplea para definir un texto enfatizado. ¿Cuándo un texto está destacado o es enfatizado? Aunque en el estándar de HTML se aconsejan algunos usos de las etiquetas <strong> y <em>, al final cada autor desarrolla su propio estilo y decide cuándo utilizar una u otra.


Para escribir el código de una página web, es decir, para escribir el código HTML, no necesitas ningún programa especial. Para empezar usaré  el Bloc de notas, vamos a hacer la primera página web con el Bloc de notas.
Recuerda que la etiqueta principal de una página web es la etiqueta <html>. La etiqueta <html> debe encerrar todo el contenido de la página web. A mí me gusta, cuando escribo el código de la página HTML, escribir, cuando escribo la etiqueta de inicio, escribo automáticamente la etiqueta de cierre. Así no se me olvida. No es obligatorio, pero es un consejo que te doy.
A continuación, dentro de la etiqueta <html>, dentro de la página web, la siguiente parte, la primera parte es la cabecera, la sección <head>. En la sección <head> recuerda que se escribe información, los metadatos que definen cómo se va a procesar la página web, cómo se va a visualizar, pero normalmente en el <head> no se escribe nada que deba aparecer visualmente en la página web. Por ahora, lo único que sabemos escribir es la etiqueta <title>, que es el título de la página web. Le voy a poner de título “Érase una vez HTML”. Y recuerda, si hemos abierto la etiqueta <title>, debemos de cerrarla.
Después del <head> tenemos el apartado <body>, el cuerpo de la página. Todo lo que escribamos aquí en el <body> sí que se va a ver, se va a pintar en la página web



No hay comentarios:

Publicar un comentario