/**********HTML**********/

<meta charset="utf-8"> : comando para que detecte acentos

<title>Mi primera p�gina</title> : Nombre que aparece en la pesta�a.
Elementos estructurales:
<div></div> : contenedor para agrupar secciones de contenido en bloque.
<span></span> : contenedor para agrupar secciones de contenido en linea.

Elementos de frase:
<em></em> : �nfasis de texto (cursiva)
<strong></strong> : �nfasis m�s fuerte (negritas)

Encabezados: resalta importancia (TAMA�O)

<h1></h1> M�s importante
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6> Menos importante

Elementos p:
<p>TU_TEXTO</p>

Enlaces: ANCHOR
<a href="ENLACE/">NOMBRE ENLACE</a> : crear enlace.
target="_blank" : para que el enlace se abra en pesta�a aparte.
<h2 id="NOMBRE"></h2>: darle nombre a todo ese bloque.
<a href="#ID DEL IDENTIFICADOR/">NOMBRE ENLACE</a>: enlace dentro de la misma
p�gina.
<a href="mailto:CORREO">CORREO</a>: enlace a correo electr�nico.
<a href="DIRECCION DEL RECURSO" download>NOMBRE ENLACE</a>: descargar
archivo.

Etiquetas ins y del:

<ins></ins> subraya el texto
<del></del> tacha el texto
<blockquote> para hacer citas
<abbr></abbr> para abreviaturas
<acronym></acronym> para un acr�nimo
<dfn></dfn> marcar definiciones
<span></span> marcar otros objetos y darles estilos en CSS
<br></br> salto de linea
&nbsp; otro tipo de espaciado
<pre></pre> escribe texto tal cual se obtuvo
<code></code> escibir c�digo de lenguaje
Entidades:
&lt; < less than signo de menor que
&gt; > more than signo de mayor que
&amp; & ampersand ampersand
&quot; " quotation mark comillas
&nbsp; (espacio en blanco) non-breaking space espacio en
blanco
&ntilde; � latin letter n with tilde
&Ntilde; � latin capital n letter with tilde
&aacute; � a acute
&eacute; � e acute
&iacute; � i acute
&oacute; � o acute
&uacute; � u acute
&Aacute; � A acute
 &Eacute; � E acute
&Iacute; � I acute
&Oacute; � O acute
&Uacute; � U acute

/**********CSS**********/
Sintaxis CSS:
Selectores : Instrucci�n
Propiedades : palabra clave por el lenguaje.
Valores : valor de la propiedad.
Ejemplo:
selector1{
propiedad1:valor1;
propiedad2:valor2;
propiedad3:valor3;
}
Algunas reglas:
1.- Escribir las reglas en min�sculas.
2.- Identificador puede contener letras, numeros y guiones.
Estilos:
<style type="text/css"></style>: agregar estilos a la p�gina. Si se usa en el
HEAD es para todo el documento.
<h2 style="colo:blue;"></h2> : solo a un elemento en espec�fico.
Otra es creando archivo CSS y definir los estilos. Citar en el archivo HTML
con:
<link rel="stylesheet"(relaci�n) type="text/css" (tipo)
href="css/estilos.css"(nombre donde est� archivo de estilos)>

Selectores simples:
SELECTOR UNIVERSAL: a todo el archivo.
SELECTO DE TIPO: solo un elemetno
SELECTOR ID: por nombre de atributo #ID
SELECTOR DE CLASE: selecciona auna clase .CLASE_NOMBRE

Las pseudoclases: :pseudoclase

Los pseudoelementos: ::pseudoelemento para describir antes o despu�s de un

elemento(::after y ::before).
::first-letter (primera letra) y ::first-line(la primera linea)

Combinaci�n de selectores: