Html - Esquema
Páginas: 21 (5232 palabras)
Publicado: 18 de abril de 2011
06 Comentarios y símbolos especiales
Para mostrar un carácter especial en HTML < > & “:
< <
> >
& &
“ "
Para hacer comentarios en HTML: <!-- texto -->
07 Definición del documento
Existen tres tipos documentos HTML, en la primera línea del documento hemos de especificar qué tipo vamos a utilizar:
HTML 4.01Strict: Prioridad a la estructura frente a la presentación. Hay algunos elementos que no funcionarán
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional: Menos restricciones, es la opción media frente a la inclusión de objetos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset: Para frames (marcos)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Podemos comprobar en cualquier momento si una página cumple con los requisitos de su declaración, visitando http://validator.w3.org y seleccionando la opción Validate by file upload.
08 La estructura
Un documento HTML ha de tenerla siguiente estructura:
DEFINICIóN
<html lang=”es”> (por temas de accesibilidad)
<head>
<title> nombre </title>
<meta name=”description” content=”descripcion" />
<meta name=”keywords” content=”palabras, separadas, por, como, para, buscadores />
<meta name=”language” content=”es” /> Para sitios con varios idiomas
<!-- Seutiliza uno de las dos especificaciones siguientes: Normalmente la primera -->
<!-- Con la segunda opción hay mas caracteres, pero hay que indicar para los caracteres no básicos su código -->
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1” /> Se indica el juego de caracteres
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”/> Se indica el juego de caracteres
</head>
<body>
<!-- Parte que el usuario verá, hay que indicar en el código los saltos de línea etc… -->
</body>
</html>
09 Párrafos y bloques
<p> </p>: Su contenido será un párrafo
<p atributos >
align=””
<div></div>: Aplica formatos a bloques decontenido, diferenciar con párrafo porque div puede contener varios párrafos en el, por ejemplo, si se van a formatear varios párrafos exactamente igual, se pueden introducir estos párrafos dentro de un div y solo modificar el atributo align dentro del div para alinear todos los párrafos.
<div atributos >
align=””
10 Saltos de línea y divisiones horizontales
Líneasdivisorias: Se crean con la etiqueta <hr>. Solo tiene un atributo: width donde se puede especificar el ancho que tendrá en % de la página. p.e.: <hr width="80%">.
Saltos de línea: La etiqueta <br> inserta un salto de línea donde se coloque. Puede colocar tantas como desee y se insertará un salto de línea por cada una de ellas.
11 Encabezados
Tenemos diferentes tiposde encabezados. Para darle énfasis a ciertos párrafos (títulos, subtítulos etc).
<h1> </h1>, <h2> </h2>, … <h6> </h6>
<hX atributos >
align=””
Hemos de tener en cuenta que es importante conservar el orden lógico de los encabezamientos, anidando los distintos tipos de encabezamiento:
p.e.: h1
h1
h2
h3h1
h2
h3
h4
h2
h1
12 Fuentes
<font></font>: Para poder trabajar con diferentes propiedades del texto
<font atributos >
size=””: del 1 al 7
face=””: Cambia la tipografía (hemos de tener cuidado ya que depende de la tipografía del usuario)
Se suelen poner varios nombres de tipografías, separados por coma...
Para mostrar un carácter especial en HTML < > & “:
< <
> >
& &
“ "
Para hacer comentarios en HTML: <!-- texto -->
07 Definición del documento
Existen tres tipos documentos HTML, en la primera línea del documento hemos de especificar qué tipo vamos a utilizar:
HTML 4.01Strict: Prioridad a la estructura frente a la presentación. Hay algunos elementos que no funcionarán
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional: Menos restricciones, es la opción media frente a la inclusión de objetos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset: Para frames (marcos)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Podemos comprobar en cualquier momento si una página cumple con los requisitos de su declaración, visitando http://validator.w3.org y seleccionando la opción Validate by file upload.
08 La estructura
Un documento HTML ha de tenerla siguiente estructura:
DEFINICIóN
<html lang=”es”> (por temas de accesibilidad)
<head>
<title> nombre </title>
<meta name=”description” content=”descripcion" />
<meta name=”keywords” content=”palabras, separadas, por, como, para, buscadores />
<meta name=”language” content=”es” /> Para sitios con varios idiomas
<!-- Seutiliza uno de las dos especificaciones siguientes: Normalmente la primera -->
<!-- Con la segunda opción hay mas caracteres, pero hay que indicar para los caracteres no básicos su código -->
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1” /> Se indica el juego de caracteres
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”/> Se indica el juego de caracteres
</head>
<body>
<!-- Parte que el usuario verá, hay que indicar en el código los saltos de línea etc… -->
</body>
</html>
09 Párrafos y bloques
<p> </p>: Su contenido será un párrafo
<p atributos >
align=””
<div></div>: Aplica formatos a bloques decontenido, diferenciar con párrafo porque div puede contener varios párrafos en el, por ejemplo, si se van a formatear varios párrafos exactamente igual, se pueden introducir estos párrafos dentro de un div y solo modificar el atributo align dentro del div para alinear todos los párrafos.
<div atributos >
align=””
10 Saltos de línea y divisiones horizontales
Líneasdivisorias: Se crean con la etiqueta <hr>. Solo tiene un atributo: width donde se puede especificar el ancho que tendrá en % de la página. p.e.: <hr width="80%">.
Saltos de línea: La etiqueta <br> inserta un salto de línea donde se coloque. Puede colocar tantas como desee y se insertará un salto de línea por cada una de ellas.
11 Encabezados
Tenemos diferentes tiposde encabezados. Para darle énfasis a ciertos párrafos (títulos, subtítulos etc).
<h1> </h1>, <h2> </h2>, … <h6> </h6>
<hX atributos >
align=””
Hemos de tener en cuenta que es importante conservar el orden lógico de los encabezamientos, anidando los distintos tipos de encabezamiento:
p.e.: h1
h1
h2
h3h1
h2
h3
h4
h2
h1
12 Fuentes
<font></font>: Para poder trabajar con diferentes propiedades del texto
<font atributos >
size=””: del 1 al 7
face=””: Cambia la tipografía (hemos de tener cuidado ya que depende de la tipografía del usuario)
Se suelen poner varios nombres de tipografías, separados por coma...
Leer documento completo
Regístrate para leer el documento completo.