Ayuda
Creador de libro (deshabilitar)

Diferencia entre revisiones de «Usuario:Juanda/html/elementos»

De WikiEducator
Saltar a: navegación, buscar
Línea 58: Línea 58:
 
*h1 se considera el más importante y es el más grande, luego h2, h3...
 
*h1 se considera el más importante y es el más grande, luego h2, h3...
 
*También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.
 
*También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.
 +
</div>
 +
 +
<div class="slide">
 +
===Imágenes===
 +
*Mediante la etiqueta img
 +
*Es importante poner el atributo alt. Es la información que tienen los buscadores sobre la imagen para indexarla.
 +
*Es importante indicar anchura y altura, así aunque la página tarde en cargarse, lo habrá hecho ya con sus dimensiones (layout) definitivas.
 +
*Se debe guardar cierta estructura jerárquica en nuestro sitio web. Directorio para imágenes, para javascript, etc.
 +
<source lang="html4strict">
 +
<html>
 +
<head>
 +
<title> Título preciso, descriptivo y corto</title>
 +
</head>
 +
<body>
 +
          <img src="libro.jpg" width="104" height="142" alt=”Mi libro” />
 +
</body>
 +
</html>
 +
</source>
 
</div>
 
</div>
  
 
</div>
 
</div>

Revisión de 11:58 24 sep 2012



Elementos básicos del lenguaje

Ejemplo de html

<!DOCTYPE html>
<html>
<body>
<h1>Mi primer encabezado de primer nivel</h1>
<p>Mi primer párrafo</p>
</body>
</html>

Etiquetas obligatorias del documento

  • Todas las etiquetas deben ir en minúsculas.
  • Se pueden anidar (como en XML). 
<html> <head>* <title> y <body>
  • Debe incluir el título. Puede incluir:
JavaScript
Links a stylesheets
Información acerca del propio documento (mediante metatags)

Atributos y valores

Las etiquetas pueden tener atributos. Los atributos van en la etiqueta de inicio y son de la forma atributo=”valor”. ¡Siempre en minúsculas, por si acaso! 

<html>
	<head>
		<title> Este es el titulo de la página</title>
	</head>
	<body>
		<p> Esta es mi primera página web </p>
		<a href=”http://www.soplaelcierzo.com“> 
			Visita mi web
		</a>
	</body>
</html>

Headings

  • Hay seis niveles representados por las etiquetas h1, h2, h3, h4, h5 y h6.
  • Sin aplicar ninguna regla CSS se representan en “su propia linea”.
  • Por defecto están en negrita.
  • h1 se considera el más importante y es el más grande, luego h2, h3...
  • También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.

Imágenes

  • Mediante la etiqueta img
  • Es importante poner el atributo alt. Es la información que tienen los buscadores sobre la imagen para indexarla.
  • Es importante indicar anchura y altura, así aunque la página tarde en cargarse, lo habrá hecho ya con sus dimensiones (layout) definitivas.
  • Se debe guardar cierta estructura jerárquica en nuestro sitio web. Directorio para imágenes, para javascript, etc. 
<html>
	<head>
		<title> Título preciso, descriptivo y corto</title>
	</head>
	<body>
          <img src="libro.jpg" width="104" height="142" alt=”Mi libro” />
	</body>
</html>
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:Juanda/html/elementos&oldid=9119»