Cómo hacer una página web.

HTML

Etiqueta Descripción Tipo
head Información que lee el navegador pero no sale en la página web. Etiqueta
title Título que aparace en la pestañita del navegador. Etiqueta
body Contiene todos los elementos que aparacen en la página. Etiqueta
h(1, 2, 3, 4, 5, 6) Título de mayor o menor intensidad, siendo el 1 el de mayor y el 6 el de menor. A partir del 3 no se suelen utilizar. Etiqueta
p Párrafos de texto Etiqueta
a (href="direccion web/id/clase") Link a la dirección que se encuentra dentro del atributo href Etiqueta
id Nombre que identifica a un elemento como único. (Como el nombre de una persona) Atributo
class Nombre que identifica a un conjunto de elementos como diferentes al resto. (Como una clase en el cole) Atributo
table Tabla en la que se pueden poner contenidos organizados. (Como la del Word) Etiqueta
tr Etiqueta de una tabla que hace una fila. Etiqueta
td Etiqueta de una tr que hace una columna (o un espacio para poner cosas). Etiqueta
ul Lista desordenada. Etiqueta
ol Lista ordenada. Etiqueta
li Elemento de una lista Etiqueta
img Imagen Etiqueta
src (source) Atributo de img que contiene la localización de la imagen. Atributo
em Cursiva. Etiqueta
strong Negrita Etiqueta
Lorem Ipsum Texto sin sentido que se usa para ver como quedaría algo que utilice texto en una página web. Texto
div "Caja" que puede contener y adoptar cualquier forma o uso Etiqueta
link rel="icon" href="dirección de la imagen" Añadir un icono a la web Etiqueta
video src="direccion del video" Añadir un video. Etiqueta

CSS

Go back to HTML

Etiqueta Descripción Uso Tipo
* Afecta a toda la página Global Etiqueta
.(nombre de la clase) Afecta a todos los componentes de una clase. Clase Etiqueta
#(nombre del id) Afecta a todos los componentes dentro de un id. Id Etiqueta
etiqueta etiqueta Afecta a todos los elementos de la segunda etiqueta, que esten dentro de la primera. Puedes hacerlo con infinitas etiquetas. Miembros dentro de otros miembros Etiqueta
etiqueta:hover Se aplica el estilo dentro de hover cuando pasas el ratón por encima del componente Se aplica el estilo dentro de hover cuando pasas el ratón por encima del componente Etiqueta
  1. Hola
  2. Go back to top.
  3. w3scools