Etiquetas de HTML

HTML
Estructura básica de HTML:

<Etiqueta atributo=”valor”></Etiqueta>
Etiquetas existente y más usadas:
<H1></H1> = Se usan para los títulos y llegan hasta h6
que h1 es la más grande y h1 es un título más
pequeño
<br> = Esta etiqueta sirve para dejar un espacio en
línea
Tipografía de letras
<b>Negrita</b>
<i>Cursiva</i>
<del>Tachada</del>
<small>pequeña</small>
<big>grande</big>
Enlaces
<a href="Url a dónde quieres dirigir">Texto</a>
Esta etiqueta sirve para crear un texto que al
momento de darle click te dirigirá a una página
externa.
También hay una propiedad llamada:
Target=”black” lo que hace esta propiedad es hacer
que el sitio a la que te va dirigir se habrá una pestaña
y no se abra en la misma página.
Listas
<ul></ul> = Esta etiqueta se trata de listas
desordenadas.
<li></li> = Son los elementos de una lista.
<ol></ol> = Es una lista ordena, te enumeran los
elementos de la lista.
Multimedia
Imagen:
<img src="Url de la imagen"> = Esta etiqueta sirve
para mostrar imágenes en nuestra página.
También esta etiqueta tiene propiedades para
cambiar altura y ancho que son:
Width=”Tamaños en pixeles” = lo que hace este
atributo es cambiar el ancho de la imagen.
Height=”Tamaño en pixeles” = Cambia la altura de la
imagen.
Estos dos atributos no se pueden usar cuando vas
agregar cuando usas CSS ya que con CSS se hacen
toda la modificación de diseño y no hace falta usarla.
Video:
<video></video> = Esta es la etiqueta de videos
donde tienes que poner dos atributos de vital
importancia.
Src=”url” = Este atributo sirve para poder digitar una
url donde se encuentre el video a reproducir.
Controls = Sirve para que el video se pueda reproducir
y te den todo los controles para ampliar, bajar
volumen etc.
Audio:
<audio></audio> = Esta es la etiqueta para colocar un
audio en tu página y también necesita los mismo
atributos que el video para su funcionamiento.
Div, Section, Article Aside
Estos son cajas en blanco donde podemos organizar
mejor la información y poder editarla cada una tiene
diferentes términos de uso.
<div></div> = Esta etiqueta la utilizaremos para
definir bloques sin ningún tipo de significado
normalmente bloques que usaremos para maquetar
correctamente la página o para agrupar elementos en
principio sin querer dar un significado específico.
<article></article> = Esta etiqueta será usada para
representar un contenido específico de nuestra web.
Puede representar un artículo, ya sea un artículo de
opinión, un entrada en un blog, un comentario en un
foro, una noticia, una descarga, o simplemente un
contenido estático de una web como el típico quienes
somos o a qué nos dedicamos.
<section></section> = La etiqueta section es quizás la
más difícil de comprender. En principio se usa para
representar un bloque de nuestra página que tiene
valor semántico, es decir, que aporta un significado a
la página. Realmente si tenemos que clasificar por la
importancia del significado, el ranking sería: article
sería la etiqueta que contiene la información más
relevante, section la que contiene información menos
relevante, y div que contiene información que no
aporta significado ninguno.
<aside></aside> = representa una sección de una
página que consiste en contenido que está
indirectamente relacionado con el contenido principal
del documento.
Formulario
<form></form> = Esta es la etiqueta para crear un
formulario dentro de ella deben ir otra etiqueta
llamada input con un parámetro.
<label></label> = Se usa para anidar botones de
opciones como “radio”
<input type="text"> = Este parámetro crea un
formulario donde vas a poder digitar texto.
<input type="password"> = Este parámetro crea un
formulario donde lo que digites va hacer como una
contraseña.
<input type="number"> = Este parámetro crea un
formulario donde solo vas a poder digitar números.
<input type="email"> = Este parámetro crea un
formulario donde lo que escribas tiene que ir con un
“@gmail.com”.
<input type="color"> = Este parámetro crea un
formulario donde te va aparecer una paleta de
colores para tu elegir uno.
<input type="range" min="1" max="10"> = Este
parámetro crea un formulario donde va a mostrar una
barra donde podrás seleccionar su cantidad.
<input type="date"> = Este parámetro crea un
formulario donde puedes digitar una fecha.
<input type="time"> = Este parámetro crea un
formulario donde puedes poner una hora.
<input type="button" value="boton"> = Este
parámetro crea un botón.
<input type="submit"> = Este parámetro crea un
botón donde envía todo lo digitado.
Para estos parámetros también existe una propiedad
llamada:
required="" = Lo que hace es que para enviar algún
formulario y un campo esta vacío pide obligatoria
mente que lo llene.
Placeholder=””= Lo que hace es mostrar un tipo de
comentarios en la caja de texto donde podremos
escribir.
Nav
El nav, en pocas palabras es una barra de navegación.
Para hacer una barra de navegación lo primero que se
coloca es un header:
<header></header> = representa un grupo de ayudas
introductorias o de navegación. Puede contener
algunos elementos de encabezado, así como también
un logo, un formulario de búsqueda, un nombre de
autor y otros componentes.
Después se coloca un nav:
<nav></nav> = representa una sección de una página
cuyo propósito es proporcionar enlaces de
navegación, ya sea dentro del documento actual o a
otros documentos. Ejemplos comunes de secciones
de navegación son menús, tablas de contenido e
índices.
Después se coloca una lista desordenada donde

dentro de la etiqueta li se colocara los tipos de
enlaces con la etiqueta a, para saber dónde te va a
dirigir.
Footer
<footer></footer> = Se usa para el pies de página
donde podemos especificar alguna información como
de contactos, correo electrónico, etc…
Tablas
<table></table> = Con esta etiqueta se especifica que
queremos crear una tabla.
<tr></tr> = definen cada fila de la tabla y encierran
todas las columnas.
<td></td> = define cada una de las columnas de las
filas.
Border=”” = Este atributo le da bordes a la tabla
nosotros especificamos en modo de “px” que significa
pixeles, y automática mente ya tendremos bordes en
la tabla.
Main
Ayuda a los motores de búsqueda y otros
desarrolladores a encontrar el contenido principal de
tu página.
CSS
Es la que se encarga de dar estilo.

Etiquetas de HTML

Cargado por

Copyright:

Formatos disponibles

Etiquetas de HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Etiquetas de HTML

Cargado por

Copyright:

Formatos disponibles

HTML

Estructura básica de HTML:

Después se coloca una lista desordenada donde

También podría gustarte