HTML Concepto
HTML Concepto
HTML es un Hyper Text markup language, lo que significa que está escrito con códigos que
puede leer una persona sin que sea necesario compilarlo primero. En otras palabras, el texto en
una página web está «marcado» con estos códigos para dar instrucciones al navegador web
sobre cómo mostrar el texto. Estas etiquetas de marcado son las propias etiquetas HTML.
Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las etiquetas HTML
están hechas con un número de partes específicas, incluyendo:
El carácter “menor que” <
Una palabra o carácter que determina qué etiqueta se está escribiendo
Cualquier número de atributos HTML que se quiera usar, escritos de la forma nombre =”valor”
El carácter “mayor que” >
CREACIÓN DE UNA PÁGINA WEB
LOS COMANDOS
son una de las características importantes de un documento HTML y que están definidos por una
palabra que está encerrado entre los signos: «<« y «>». Algunos comandos presentan diversos
atributos según corresponda el comando.
TIPOS DE COMANDOS
Comando Abierto: son aquellos comandos que sólo son necesarios ponerlos al inicio de cualquier
texto sin necesidad de un comando de cierre. Ejemplo: <br> Comando Cerrado: son aquellos
comandos que son necesarios ponerlos al inicio y al final de un texto. Ejemplo:
<body>………</body>
<p>………</p>
La estructura de un documento Html, comienza siempre con la etiqueta <HTML> y termina con
la etiqueta de cierre </HTML>. En el interior de estas dos etiquetas, existen dos espacios que son
el encabezamiento y el cuerpo.
La segunda parte de un documento HTML es el cuerpo, inicia con la etiqueta <BODY> y culmina
con la etiqueta </BODY>, en esta parte es donde se concentra el contenido de nuestra web,
prácticamente la mayor parte del código se desarrolla en esta parte.
Podemos ver más claramente el orden de las etiquetas antes mencionadas en la siguiente tabla:
ETIQUETA FUNCION
<HTML> Empieza un documento HTML
<HEAD> Zona de cabecera
<TITLE> Zona de título
</TITLE> Termina zona de título
</HEAD> Termina zona de cabecera
<BODY> Zona de cuerpo del documento
</BODY> Termina zona de cuerpo del documento
</HTML> Termina documento HTML
Otra forma de darle tamaño al texto es mediante la etiqueta <hx> con x que va creciendo de 1
en 1. Teniendo <h1>; <h2>; <h3>; <h4>; etc. Estas etiquetas no solo dan tamaño sino también
jerarquizan al texto.
Bgcolor: Permite establecer el color de fondo de nuestra página web. <body bgcolor="red">
<body bgcolor="#ff0000">
Text: Este atributo nos permite asignar el color del texto del documento que por defecto es negro.
<body text="red">
Añadir una imagen: Para añadir una imagen, primero tenemos que saber dónde está ubicada, el
nombre exacto de la carpeta donde se encuentra, y el nombre exacto de la imagen.
Otras Etiquetas
<p>………</p>: Es el tipo de párrafo
<div>...….</div> división dentro del contenido
<a>…….…</a> para enlaces
<br>……...</br> para saltos de línea
<ol>………</ol> para listas ordenadas,
<ul>………</ul> para listas desordenadas,
<li>………</il> para elementos dentro de la lista
<Center>………</Center> Texto centrado
Alineacion de la imagen align Este atributo indica la alineación de las imágenes con respecto a la
línea de texto en la que se encuentran.