Introduccion-html

Introducción a HTML5
Hyper Text Markup Language
Page Title
My First Heading
My first paragraph.
Estructura Básica
Define el documento como HTML5
Elemento raíz de una página HTML
Contiene la información meta del documento
Especifica el título del documento
Contiene la parte visible de la página
Encabezado principal
Párrafo
El contenido va aquí
Elementos Básicos
Estos son algunas de las etiquetas
básicas de HTML, la mayoria
comienzan de la siguiente forma:
y cierran de la siguiente
manera sin embargo
existen algunos elementos como
los salto de línea, imágenes.
Encabezado 1
Encabezado 2
Encabezado 3
Ejemplo de párrafo
Ejemplo de hipervínculo
Imagen de ejemplo
Lista completa de etiquetas
https://www.w3schools.com/TAgs/
Elemento de una lista 1
Elemento de una lista 2

Introducción a HTML5
Hyper Text Markup Language
Título de sección
Ejemplo de hipervínculo
Atributos HTML
title es un atributo que muestra un tooltip al colocar
el puntero sobre el párrafo
href especifíca la dirección del hipervínculo
src ruta de la imagen
width ancho de la imagen
height alto de la imagen
alt texto alternativo que se visualizarási la imagen no
puede ser mostrada
Estilos CSS3
Lista completa de atributos
https://www.w3schools.com/tags/ref_attributes.asp
Estilos en línea
Los estílos en línea se pueden
utilizar directamente sobre las
etiquetas HTML son el atributo
style, pueden maniupular porpiedades
como son el color, tamaño,
fuente tipográfica, márgenes, etc
Encabezado centrado
Párrafo alineado a la derecha
body
{
background-color:#f9f9f9;
font-family:Arial, Verdana, sans-serif;
}
.contenedor
{
width:80%;
background: url(”img/logo.png”);
}
Estilos Internos
Los estilos internos se deben colocar dentro de las
etiquetas , utilizando las etiquetas
.
Se debe definir la etiqueta a la que se le quiere
agregar el estilo o la clase o id que se desea utilizar.