Primero
que nada un cordial saludo, hoy les traigo lo aprendido en clase de informática
sobre el HTML y sus herramientas e dichas características que posee. Espero que
les guste.
HTML
Conocido como un
lenguaje de programación, utilizado para el desarrollo de páginas de Internet.
Se encarga de desarrollar una descripción sobre los contenidos que aparecen.
Por último permite códigos los cuales se conocen como: Scripts, son los que
brindan instrucciones específicas a los navegadores.
Sintaxis de
HTML
Lenguaje basado en un elemento de base al que llamamos
etiqueta, lo cual presentan dos partes: su inicio complemento y un cierre.
Ejemplo:
PARTES DE UN DOCUMENTO HTML
Un
documento HTML ha de estar delimitado por la etiqueta <html> y
</html>. Dentro de este documento, podemos distinguir dos partes
principales: La cabecera y el cuerpo.
El encabezado, delimitado por
<head> y </head> donde colocaremos etiquetas de índole informativo
como por ejemplo el titulo de nuestra página.
El cuerpo,
por las etiquetas <body> y </body>, que será donde colocaremos
nuestro texto e imágenes delimitados a su vez por otras etiquetas.
<html>: Indica el comienzo y el final de un documento HTML. Ninguna etiqueta o contenido puede colocarse antes o después de la etiqueta <html>. En el interior de la etiqueta <html> se definen la cabecera y el cuerpo del documento HTML y todo lo que se coloque fuera de la etiqueta <html> se ignora.
<head>: Delimita la parte de la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo su título y el idioma de la página. Los contenidos indicados en la cabecera no son visibles para el usuario, con la excepción de la etiqueta <title>, que se utiliza para indicar el título del documento y que los navegadores lo visualizan en la parte superior izquierda de la ventana o pestaña del navegador.
<body>: Delimita el cuerpo del documento HTML. El cuerpo encierra todos los contenidos que se muestran al usuario (párrafos de texto, imágenes, tablas). En general, el <body> de un documento contiene cientos de etiquetas HTML, mientras que el <head> no contiene más que unas pocas.
Formato de párrafos de HTML
Así,
si deseásemos introducir un texto alineado a la izquierda
Escribiríamos:
<p
align="left">Texto alineado a la izquierda</p>
El resultado sería:
Texto alineado a la izquierda
Para una justificación al centro:
<p
align="center">Texto alineado al centro</p>
Que daría:
Texto alineado al centro
Para justificar a la derecha:
<p
align="right">Texto alineado a la derecha</p>
Cuyo efecto sería:
Texto alineado a la derecha
Como vez, en cada caso el atributo align toma
determinados valores que son escritos entre comillas. En algunas ocasiones
necesitamos especificar algunos atributos para el correcto funcionamiento de la
etiqueta. En otros casos, el propio navegador toma un valor definido por
defecto. Para el caso de align, el valor por defecto es left.
Una forma de
simplificar nuestro código y de evitar introducir continuamente el atributo
align sobre cada una de nuestras etiquetas es utilizando la etiqueta
<div>.
Esta etiqueta por sí sola no sirve para nada.
Tiene que estar acompañada del atributo align y lo que nos permite es alinear
cualquier elemento (párrafo o imagen) de la manera que nosotros deseemos.
Así, el código:
<p
align="left">Parrafo1</p>
<p align="left"> Parrafo3</p>
<p align="left"> Parrafo2</p>
<p align="left"> Parrafo3</p>
<p align="left"> Parrafo2</p>
Es
equivalente a:
<div
align="left">
<p>Parrafo1</p>
<p>Parrafo2</p>
<p>Parrafo3</p>
</div>
<p>Parrafo1</p>
<p>Parrafo2</p>
<p>Parrafo3</p>
</div>
Como hemos visto, la etiqueta
<div> marca divisiones en las que definimos un mismo tipo de alineado.
Espero que
les guste.. ¡Gracias!