CONSULTA MAQUETADO

HTML5 Y CSS

DANIEL FELIPE BONILLA REYEZ

1
 CONSULTAS
 ¿para qué sirve la etiqueta <Meta charset="utf-8">?
R/= Sirve para almacenar caracteres Unicode. Wizard. html está en
formato UTF-8. UTF-8 utiliza una secuencia única de 1, 2, 3 o 4
bytes para codificar cada carácter en el juego de caracteres Unicode.

 QUE ES DOM.
R/= El modelo de objeto de documento (DOM) es una
interfaz de programación para los documentos HTML y XML. Facilita
una representación estructurada del documento y define de
qué manera los programas pueden acceder, al fin de modificar, tanto
su estructura, estilo y contenido

 PARA QUE SIRVE LA ETIQUETA <h1>

R/= se utiliza para identificar aquellas frases que conforman el título
principal de un contenido de una página web

 PARA QUE FUNCIONA <header>

R/= representa un grupo de ayudas introductorias o de navegación.
Puede contener algunos elementos de encabezado, así como también
un logo, un formulario de búsqueda, un nombre de autor y otros
componentes.

 QUE FUNCION TIENE <nav>

R/= proporcionar enlaces de navegación, ya sea dentro del
documento actual o a otros documentos.

 PARA QUE SIRVE <footer>

R/= representa un pie de página para el contenido de sección más
cercano o el elemento raíz de sección

 FUNCION DE LA ETIQUETA < option>

R/= se usa para representar un item dentro de un <select> un
<optgroup>

 QUE FUNCION TIENE LE ETIQUETA <div>

R/=  define las divisiones lógicas existentes en el contenido de una
página web. Puede utilizar etiquetas div para centrar bloques de
contenido, crear efectos de columna y crear diferentes áreas de color

2
 PARA QUE SIRVE <cite>
R/=  Marca una referencia a una fuente, o el autor de un
texto citado.
 
 FUNCION DE < svg>
R/=  es un estándar web para definir gráficos basados en
vectores en páginas web

 QUE FUNCION HACE LA ETIQUETA < td>

R/= define la celda de una tabla que contiene datos

 FUNCION DE LA ETIQUETA < mark>

 sS
R/=  representa un texto marcado o resaltado como
referencia o anotación, debido a su relevancia o importancia
en un contexto particular
 IDENTIFIQUE LOS ELEMENTOS FALTANTES EN EL
DIAGRAMA ANTERIOR
R/=

3
 </html>
</head>
</body>
</metas>
</tittle>
</link>
</div”contenedor”>
</header>
</h1>
</nav>
</ul>
</li>
</a>
</section “content”>
</article>
</p>
</footer>

4
 SEGUNDA CONSULTA DE ESTILOS CSS

 1. Lea los artículos de los enlaces siguientes y redacte un resumen: 

http://www.htmlhelp.com/es/reference/css/structure.html , 
http://webdesignerwall.com/tutorials/the-basics-of-css3, 
http://www.librosweb.es/css/capitulo2/selectores_basicos.html 
http://www.css3.info/ 

 ¿PARA QUE SE USAN LOS “MARGIN” Y EL “WIDTH”?

R/=
 PARA QUE SE USAN LOS MARGIN
La propiedad CSS margin establece el margen para los cuatro lados.
Es una abreviación para evitar tener que establecer cada lado por
separado con las otras propiedades de margen
 PARA QUE SE USAN LOS WIDTH
La propiedad width establece el ancho de un elemento mediante un
valor numérico (con su unidad) o un porcentaje

 ¿QUE SUCEDE?

R/= Con estas etiquetas se le agrega una margen a los

contenders, header, nav, section, article, footer

 ¿POR QUÉ EL <HEADER> TIENE UN ANCHO DEL 100% Y EL

CONTENEDOR ES DEL 85%?
R/= El header es un bloque del 100% esto quiere decir que
al colocar un header estamos creando un cuadro, el
contenedor es lo que va dentro del header por esta razon
HAY QUE ARREGLARLO