En su mayoría los tags de html deben tener apertura y cierre, <nombre_tag>Contenido</nombre_tag>.
Ejemplo: <p>Esta es un tag de párrafo.</p>
- h1, h2, h3: Títulos
- div: contenedor
- p: párrafo
- strong: da importancia semántica a una palabra
- a: Link
Los tags antes mencionados son solo algunos. Ver listado completo
<a href="mi_url.html">contenido</a><!--
Esto es un comentario, no se ve en el navegador
--->--------
Por lo general se incluye dentro del <head> del html.
<style>
p { color: red; }
</style>También es posible agregar estilos dentro de un tag especifico, esta técnica no es tan recomendable.
<p style="color:green;">Este es un texto verde.</p><link rel="stylesheet" type="text/css" href="estilos.css">- tag :
p { propiedad: valor; }Aplica a todas las etiquetas p que hay en el documento - id :
#elemento_unico { propiedad: valor; }Aplica a la etiqueta con el id elemento_unico (solo puede haber un id con el mismo nombre por página) - class:
.varios_elementos { propiedad: valor; }Aplica a todos los elementos que contengan la clase varios_elementos
- p span { prop: val;} Todos los span que esten dentro de un p
- p > span { prop: val;} Todos los span que esten dentro de un p en primer nivel
- p + span { prop: val;} es span que se encuentre despues de un p
/*
Esto es un comentario css
*/