Sei sulla pagina 1di 4

Etiquetas HTML

(Tags)

<html> </html> : Es la etiqueta principal, dentro esta contenidos todos los elementos de
la pagina.

Ver en el documento Introduccion las etiquetas <head> y <body>

<title> </title> : Es la etiqueta que define el título general de la página web, osea el que se
ve en la pestaña del navegador.

<link … > Esta etiqueta permite ENLAZAR el archivo actual html con otros archivos que
pueden ser de dos tipos:

 Local: Archivos CSS o JavaScript usualmente, que están en el mismo directorio del
archivo actual. Direccion
Ejemplo:
<link rel="stylesheet" type="text/css" href="NOMBRE_DEL_ARCHIVO.css">
Si el archive esta dentro de una carpeta colocar en href “CARPETA/
NOMBRE_DEL_ARCHIVO.css”

 Externo: Archivos externos al directorio, es decir, están en otro sitio web.

<style> </style> : Es la etiqueta que nos permite incorporar reglas CSS en nuestro código
de html.

<script> </script> : Es la etiqueta que nos permite incorporar código Js en nuestro código
de html.
<h1> Contenido </h1> : Etiqueta para los títulos de la página. Puede ir desde 1 hasta 5

<p> Contenido </p> : Etiqueta de un párrafo. Texto normal.

<header> Contenido (Pueden haber varios elementos) </header> : Etiqueta para los
encabezados de la página
<nav> Contenido </nav> : Etiqueta para definir una región de navegación de la página.
Son regiones que ofrecen un vínculo al usuario hacia otras regiones de la aplicación web.

<article> Contenido </article> : Etiqueta para definir secciones de contenido importante


en la página. Por ejemplo el tema principal, y por lo general es lo que se ve de manera
central en la página.
<aside> Contenido </aside> : Etiqueta para definir secciones de contenido alternativo en
la página. Usualmente se encuentran a los lados de la página, y pueden contener, por
ejemplo, entradas a otros artículos, menús, redes sociales, chat.

<img [Atributos de la imagen] > : Etiqueta para definir una imagen en nuestra pagina web.
<a href = "https://www.w3schools.com">Texto del vínculo</a>: Etiqueta para
definir un vínculo o link, hacia otra dirección. Esta dirección la colocamos en el Atributo
href.
Existen tres tipos de direcciones que podemos usar con la etiqueta <a … >:
1. Externos: Es decir páginas o sitios web diferentes al nuestro, por ejemplo
(Google.com, Facebook.com)
2. Locales: Es decir a otros archivos que estén en nuestro mismo dominio
(contacto.html, foto.jpg, etc
3. Marcadores en el mismo archivo html. Por ejemplo (#Contacto, #futbol, etc)

<div> Varias etiquetas </div> : Etiqueta para Agrupar varios elementos


Para construír una tabla tenemos varias etiquetas, primero y la más importante:

<table>
… Aquí ira todo el contenido de la tabla …
</table>

<tr> Es una fila en nuestra tabla, adentro tendrá celdas </tr> (Table Row)
<th> Es una celda de encabezado o título en nuestra tabla </th> (Table Header)
<td> Es una celda estándar en nuestra tabla, van debajo del encabezado </td> (Table
Standard
<form> Traducido es: formulario. Es la etiqueta que usamos para capturar datos de
entrada del usuario, en objetos como, botones, campos de texto, selectores de fecha, de
números, radio buttons, etc. </form>
<input> Traducido es: Entrada. Es la etiqueta que usamos para generar un elemento que
va a recibir datos del usuario, un input puede ser botones, campos de texto, selectores de
fecha, de números, radio buttons, etc., u … >
Podemos generar este tipo de entradas en un formulario:
button checkbox color date datetime-localemail file hiddenimage
month number password radio rangereset search submit tele text
time url week

<button> Es una etiqueta que usamos exclusivamente para crear distintos tipos de
botones <button>

Potrebbero piacerti anche