Repaso HTML

Question	Answer
HTML	El HTML es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Ejemplo HTML	!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Portal básico - aprenderaprogramar.com</title> </head> <body> <div id="page"> <div id="header">
HEAD	La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>.
Ejemplo de HEAD	<html> <head> ... </head> ... </html>
TITLE	El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él. Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>. Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.
Ejemplo de TITLE	<html> <head> <title> Curso de HTML </title> </head> ... </html>
BODY	El cuerpo del documento contiene la información propia del documento, es decir lo que pqueremos que se visualice, el texto de la página, las imágenes, los formularios, etc. Todos estos elementos tienen que encontrarse entre las etiquetas <body> y </body>, que van justo debajo de la cabecera.
Ejemplo de BODY	<html> <head> <title> Curso de HTML </title> </head> <body> ... </body> </html>
h1	Utilización de la etiqueta h1. En HTML se utilizan las etiquetas h1, h2, h3, etc. para definir los títulos, subtítulos, epígrafes, etc. de cada página. Al poner un texto entre h1 estamos indicado de que se trata de un título.
Ejmplo de h1	<!DOCTYPE html> <html> <head> <title>Ejemplo del uso de encabezados - aprenderaprogramar.com</title> </head> <body> <h1>Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo más grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeño</h5> <h6>Texto muy pequeño</h6> </body> </html>
<P>	El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos debe insertarse entre las etiquetas <p> y </p>.
Ejemplo de <p>	<p align="center">Bienvenidos a mi p&aacutegina.</p> <p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten muy interesantes.</p>
br	En general, cuando trabajamos con un editor de texto se produce un salto de línea al pulsar la tecla INTRO. Si pulsamos INTRO en un documento HTML, el salto de línea se producirá en el código, pero no se mostrará en el navegador. Para que se produzca el salto de línea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la etiqueta <br> donde se desee que se produzca el salto.
Ejemplo de br	Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva secci&oacuten.
img	odas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
Ejemplo de IMG	<img src="imagenes/logo_animales.gif">
<a>	Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>.
Ejemplo de <a>	<a href="http://www.aulaclic.com">Visita www.aulaclic.com</a>
bgcolor	Color de fondo: bgcolor El primer parámetro que debes conocer es el del color de fondo, el "bgcolor". A través de este parámetro podremos definir el color de fondo que queramos que tenga nuestra página.
Ejemplo de BGCOLOR	<body bgcolor="#FFCC99">
text	Es usado para cambiar el color de fuente de la pagina
Ejemplo de Text	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="post" action="action.php"> Ingresa un texto: <input name="ingresatexto" type="text" value="Por favor, ingresa aquí" /> </form> </body> </html>
marquee	La etiqueta marquee es un elemento HTML que hace que el texto se mueva de izquierda a derecha y de arriba a abajo. Vamos a ilustrar estas animaciones utilizando los ejemplos mostrados a continuación.
Ejemplo de marquee	<marquee direction="right">TEXT</marquee>
hr	Para separar un texto de otro o un párrafo de otro podemos utilizar una línea horizontal de un tamaño o un grosor determinado por nosotros. Este separador lo escribimos con la etiqueta <hr>. Al contrario que muchas etiquetas HTML, ésta no necesita ser cerrada como veremos a continuación.
Ejemplo de HR	Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi página.

Next up

Description

Resource summary

Similar

	Created by Abel Castellanos over 7 years ago