Sunteți pe pagina 1din 4

ESTRUCTURA GENERAL DE HTML

<!doctype>
Indica el tipo de documento

<html>
Tipo de documento

<head>
Cabecera del documento, invisible en el sitio web
<meta>
Etiqueta que especifica como el texto será presentado en la pantalla (especifica
su tipo)
Content
Especifica su valor
<link>
Este elemento es usado para incorporar estilos, codigos javascript, imágenes o
iconos desde archivos externos.

<body>
El cuerpo del documento
ESTRUCTURA VISIBLE DEL SITIO WEB

<header>: encabezado
<h1>,<h2>, <h3>,<h4>,<h5>,
<h6>
Utilizados para crear títulos y
subtítulos respectivamente
<Hgroup>
Sirve para agrupar títulos y
subtítulos creados en varios
bloques.

<Nav>: barra de navegación


<ul>
Se usa para definir listas
<li>
Define ítems de cada lista
<section>: sección de información
principal
<article>
Sirve para crear bloques o subdivisiones en cualesquiera de las partes
del sitio web. Nos permite identificar cada una de las partes.
<Figure>
Permite insertar imágenes o videos al sitio web.

<img src="aquí escribir la ubicación exacta y el tipo del


archivo">
Utilizar este código para enlazar el archivo.

<figcaption>
Establece una relación de la imagen o video insertado con
<figure> con un texto explicativo de la misma.
<span>
Sirve para aplicar estilo al texto o agrupar elementos en línea. Sus
etiquetas son:

<mark>
<small>
<cite>
<address>
Para enlazar sitios webs:
<address>
<a href="aquí pegar el link">aquí poner el nombre</a>
</address>
Falta Completar: solo usuarios avanzados
<aside>: barra lateral
Solo describe la información que contiene.
<blockquote>
cita en bloque . Crea citas en bloque, marca las citas a otros autores o
documentos, emplear este código siempre dentro de <aside>.
<footer>: el pie o barra institucional
Parte final del documento
DISEÑO EN CSS

COLOR DE FONDO
body {background:#00CED1}

CENTRAR EL FONDO
body {text-align: center;}

CREAR CAJA PRINCIPAL


#agrupar {width:960px;margin:15px auto;text-align: left;}

S-ar putea să vă placă și