manual de sublime.tex
INTRODUCCIÓN A HTML5 & CSS3
Estructura Básica
DOCTYPE - Estandar Mode.
html - Inicio de marcado.
head - Cabecera, contiene informaciónrelevante para el navegador.
charset - Encodificación de caracteres para el documento.
body - Aquí se especificara todo el contenido de la pagina.
Primera página en html.
Búscame enFB! - www.facebook.com/nekalv
Sesión 1 – Introducción a HTML5
Mi Primera Página
link 1
link 2
link 3
Titulo de Parrafo
Contenido del parrafo
©Ningun Derecho o Izquierdo Reservado.
Ahora que ya tenemos nuestro marcado completo empecemos a darle estilo.
Iniciaremos con lo básico, seleccionando el tipo de letra o la familia de estilode
letra que tendrá nuestra pagina y el color de dicha letra.
Búscame en FB! - www.facebook.com/nekalv
Sesión 1 – Introducción a HTML5
body{
background-color: #fafaf6;
font-family:"DroidSansBold", Verdana, sans-serif;
}
A continuación cambiaremos el color de los h1 a un color que contraste mejor con
nuestro background.
h1{
color: #64645d;
}
Ahora crearemos un menú menosdañino a la vista humana. Empezaremos por
ajustarlo al ancho de nuestro contenedor, luego estableceremos su altura,
seguido el margen superior para que no se vea unido a nuestro titulo, también
daremosun poco de espacio en la parte inferior para diferenciar nuestro
contenido y cambiaremos nuestro texto a mayúsculas mediante una propiedad
nueva en CSS3.
.menu {
width: 100%;
height: 28px;margin-top: 10px;
margin-bottom: 20px;
padding-top: 14px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
Búscame en FB! - www.facebook.com/nekalvSesión 1 – Introducción a HTML5
Aun sigue no se ve un cambio trascendente en nuestro diseño, es por que aun no
hemos cambiado la manera en que se mostraran los li, cual haremos a
continuación.
.menu...
Regístrate para leer el documento completo.