HTML

¿Qué es el lenguaje HTML?

el HTML es un lenguaje de marcación especialmente ideado para permitir la creación de contenidos basados en el hipertexto, es decir, enlaces que permiten desplazarnos a través de diversos documentos en cualquier momento.
¿Qué son las etiquetas de HTML? ¿Qué nombre reciben en inglés?

Consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

En inglés reciben el nombre de tags.
Crea una lista con las etiquetas que hemos aprendido, como mínimo tiene que haber diez etiquetas, si añades más se valorará positivamente. De cada etiqueta indica para qué sirve, cómo se abre y cómo se cierra.

1) id (name)

El atributo “id” asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.

Ejemplo:

Comienzo del código <p id=”parrafo1″>Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>Fin del código

2) class (cdata)

El atributo “class” asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.

Ejemplo:

Comienzo del código <p>Este artículo está basado en el libro “Viento en los árboles” por Jhon L. Brooks</p><p class=”referencias importante”>Este artículo está basado en el libro “Viento en los árboles” por Jhon L. Brooks… y es más importante que el anterior.</p>Fin del código

3) style (style)

Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro “style” deben preservar este orden “nombre : valor” y ser separados por un punto y coma.

Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo “class”).

Ejemplo:

Comienzo del código <p style=”color: #0000FF; font-size: 12pt”>Este es un párrafo con un estilo definido</p>
<p>Y este es otro texto sin estilo.</p>Fin del código

4) title (text)

Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un “tool tip” cuando el usuario pone el puntero del mouse sobre el elemento.

Ejemplo:

Código Visualización
<a title=”HTMLQuick.com”href=”http://www.htmlquick.com”>Código HTML</a>

5) lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor predeterminado es “desconocido”.

Al escribir código XHTMLla sintaxis “xml:lang” representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemeplo, xml:lang=”en”).

Ejemplo:

Comienzo del código <p lang=”en”>This is a paragraph in english.</p>
<p lang=”es”>Este es un párrafo en español.</p>Fin del código

6) dir

Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:

  • RTL: Derecha a izquierda.
  • LTR: Izquierda a derecha.

Ejemplo:

Comienzo del código <q lang=”he” dir=”rtl”>…Una cita en Hebreo…</q>Fin del código

7) summary (text)

Provee un resumen del propósito y estructura de la tabla.

8)align

Este atributo ha sido desaprobado

Establece la alineación de la tabla. Los valores posibles son (insensibles a mayúsculas/minúsculas):

  • left: La tabla es alineada a la izquierda del espacio disponible.
  • center: La tabla es alineada al centro del espacio disponible.
  • right: La tabla es alineada a la derecha del espacio disponible.

9) width (length)

Especifica el ancho deseado de la tabla entera.

10) frames

Especifica qué lados del marco de la tabla será visible. Los valores posibles son (insensibles a mayúsculas/minúsculas):

  • void: Sin lados. Este es el valor predeterminado.
  • above: Solo el lado superior.
  • below: Solo el lado inferior.
  • hsides: Solo los lados superior e inferior..
  • vsides: Solo los lados izquierdo y derecho.
  • lhs: Solo el lado izquierdo.
  • rhs: Solo el lado derecho.
  • box: Todos los lados.
  • border: Todos los lados.

Opinión personal: enumera ventajas e inconvenientes de utilizar un editor de páginas web como por ejemplo el NVU.

Ventajas: Es muy útil, ya que nos permite editar páginas HTML gratuitamente desde nuestro ordenador, de forma más sencilla que con el bloc de notas o cualquier otro editor de texto.

Desventajas: Se tarda más tiempo y cuando el programa falla, corres el riesgo de que todo se borre y no se guarde.
Añade el enlace a la página web que has creado y publicado.
http://www.musicaalvacio.webcindario.com/

Anuncios

Acerca de forgetforgotforgotten

Se supone que esto es un blog de prueba para informática ^^ Me llamo Natalya y soy alumna de 4º de ESO :)
Esta entrada fue publicada en Uncategorized. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s