PAW

Lic. en Sistemas de Información

PAW

Lic. en Sistemas de Información

Speaker:

A.S. Pablo Cesar CHALE

pcchale@gmail.com

HTML

Estructura del Documento

Índice:

  1. Estructura del documento
  2. Organizando el contenido
  3. Elementos de Redacción
  4. Estructuras Especiales
  5. Contenido Incrustado

index.html

archivo de texto que cumpla
con la sintaxis definida en
la especificación

Doctype

<!DOCTYPE html>

Todos los elementos definidos en la especificación
están definidos en el HTML namespace

html 5

Todos los elementos, atributos y
los valores de los attributos tienen un
SIGNIFICADO asociado

Elementos Contenedores

<

nombreTag

>

Contenido

<

/

nombreTag>


<article> Lorem ipsum dolor sit amet </article>

Elementos Contenedores

<

nombreTag

atributo

="Valor"

>

Contenido

<

/

nombreTag>


<article class="miClase"> Lorem ipsum dolor </article>

Elementos Contenedores

<

nombreTag

atributo

>

Contenido

<

/

nombreTag>


<form novalidate> Contenido Formulario </form>

Elementos Vacios

<nombreTag nombrePropiedad="Valor">

<nombreTag nombrePropiedad="Valor" />


<img src="images/logo.png" alt="logo de la empresa" />

Comentarios

<!-- Comentario --> 

<!DOCTYPE html>
<html lang="es">
	<head>
		<!-- Contenido -->
	</head>
	<body>
		<!-- Contenido -->
	</body>
</html>

lang=" "

Impresindible por:

  • los motores de busqueda
  • los correctores ortográficos y de gramática
  • los browsers para usar la "Fuente" correcta
  • los sintetizadores de voz a pronunciar correctamente

HEAD

Contiene información sobre el documento destinada a
navegadores, buscadores y otros softwares


El elemento HEAD no permite atributos

Metadata

  • contenido que establece la presentación
    o el comportamiento del resto del contenido
  • que establece la relación del documento
    con otros documentos

title

<title>Nombre del documento</title>

Base

<base href="url">

<base target="_blank">

Meta charset

<meta charset="utf-8">

Meta name=" "

<meta name="propiedad" content="valor-propiedad">

Propiedades Importantes:

description, keywords, author, copyright, ...

Meta Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

meta http-equiv=" "

Indicaciones equivalentes a las del encabezado HTTP


<meta http-equiv="expires" content="0">

<meta http-equiv="expires" content="300000">

<meta http-equiv="refresh" content="10; url=http://sitioDestino/">

Script

<script src="URL" type="formatoMIME"></script>

<script src="URL"></script>

<script>

    Código

</script>