Como se va hacer el diseño de cierta pagina web.
2. buscar 3 ejemplos de maquetación en html( publique imagenes).-
3. diseñar un diseño para su sitio web
sábado, 22 de marzo de 2014
Actividad # 11.
1.-Maquetación.-Es la forma de como vamos a distribuir la información de la pagina web.
Como se va hacer el diseño de cierta pagina web.
2. buscar 3 ejemplos de maquetación en html( publique imagenes).-
Como se va hacer el diseño de cierta pagina web.
2. buscar 3 ejemplos de maquetación en html( publique imagenes).-
jueves, 20 de marzo de 2014
III. Lenguaje de presentación.
1. definicion de maquetación:
La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.
Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas (
Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando capas (
En esta unidad veremos las técnicas de maquetación más comunes, aunque hay que decir que existen diversas formas de conseguir una misma maquetación.
Como hemos dicho, emplearemos sobre todo etiquetas del tipo (
2.buscar 3 ejemplos de maquetación en html( publique imagenes)
La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página.
Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas (
<table>). Una vez entendido este proceso podía resultar sencillo, aunque si no se dominaban las tablas, podía convertirse en algo tedioso. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página.Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando capas (
<div>), también llamadas divisiones o contenedores. La colocación de las capas en la página se realiza a través de CSS. Esto permite, por ejemplo, que podamos pasar de un diseño con un menú lateral a otro con el menú en la parte superior, sólo cambiando la hoja de estilos.En esta unidad veremos las técnicas de maquetación más comunes, aunque hay que decir que existen diversas formas de conseguir una misma maquetación.
Como hemos dicho, emplearemos sobre todo etiquetas del tipo (
<div>). Para crear un div alrededor de contenido ya existente desde Dreamweaver, seleccionamos la parte de la página y en el menú Insertar, opción Objeto de diseño, elegimos Etiqueta Div.2.buscar 3 ejemplos de maquetación en html( publique imagenes)
viernes, 7 de marzo de 2014
viernes, 28 de febrero de 2014 Html
INVESTIGAR los siguientes conceptos
1.-Concepto de metadatos, como se incluyen en html en la s paginas web y que función o ventajas tienen:
Se trata en definitiva de organizar internet, escribiendo páginas que contengan información sobre si mismas, de forma que pueda mecanizarse su clasificación y catalogación. El futuro de la metainformación pasa por la web semántica y por XML, pero mientras tanto podemos avanzar por ese camino con los metadatos.
Los metadatos (información sobre la información) no se visualizan, pero estan integrados en el documento ofreciendo información variada: desde el tipo de formato utilizado (html, xml ...) hasta el autor, editor con el que se ha confeccionado, información para los buscadores, etc.
La etiqueta meta
La forma usual de insertar metadatos en el documento es por medio de la etiqueta <META> en la sección <HEAD> de la página.
Esta etiqueta es de aquellas de las que llamabamos "elementos vacios" porque no lleva etiqueta de cierre. Su estructura es la de una declaración propiedad:valor. Por ejemplo:
No existe ninguna regla acerca de la informacion que puedes o no puedes incluir en las metatags. El standard html define la estructura de una etiqueta META, pero no sus valores. Es perfectamente válido que inventes tus propias etiquetas META; sin embargo dado que no se visualizan en el navegador, y que realmente solo se aprovechan por los buscadores y otras herramientas informáticas (que lógicamente solo entienden las etiquetas META mas difundidas) tampoco tiene mucho sentido crear tu propia metainformación, salvo para uso propio.
La etiqueta <meta> admite el atributo lang, que nos permite ofrecer información sobre el idioma:
<meta name="description" content="Esta es la mejor pagina del mundo mundial" lang="ES" />
keywords
Las dos etiquetas META que acabas de ver son las mas importantes. Como los buscadores leen estas etiquetas y pueden juzgar acerca de la importancia de la pagina segun ellas, existe una auténtica industria montada sobre estas dos sencillas lineas. Una buena selección de descripción y keywords puede suponer que tu página aparezca muy arriba en las búsquedas, y eso supone mucho dinero para las páginas comerciales.
2.-utf-8:
Es un formato de codificación de caracteres Unicode e ISO 10646 utilizando símbolos de longitud variable. UTF-8 fue creado por Robert C. Pike y Kenneth L. Thompson. Está definido como estándar por la RFC 3629 de la Internet Engineering Task Force (IETF). Actualmente es una de las tres posibilidades de codificación reconocidas por Unicode y lenguajes web, o cuatro en ISO 10646.
Sus características principales son:
3.-WC3: que funcion tienen :
XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.
5.-indique de la siguiente lista los conceptos que lleva aprendido con las lecciones:
Puedo decir que todos los he comprendido porque ya tenia conocimiento anterior de la creación de paginas web (HTML,CSS,PHP).
Verifique si reconoce los siguiente conceptos:
Estructura básica de un documento HTML:
<HTML>
</HTML>
Que significa HTML:
HyperText Markup Language («lenguaje de marcas de hipertexto»)
Como poner titulo a la pagina web:
<title> titulo de la pagina</title>
Cambiar atributos de texto:
insertar imágenes:
<IMG SRC="immagine.gif">
Poner imagenes como fondo de la pagina:
<BODY BACKGROUND="sfondo.gif">
Tablas:
Listas:
<ul>
<li type="circle">Esto es un tipo de punto.</li>
<li type="square">Este es otro.</li>
<li type="disc">Y este es otro diferente.</li>
</ul>
Esto es un tipo de punto.
Este es otro.
Y este es otro diferente.
Frames:
Insertar enlaces ( atributos):
<A HREF="URL"> Texto del enlace</A>
El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:
Enlace a otro lugar del mismo documento
Enlace a una dirección de Internet
Enlaces usando imágenes
Formulario:
1.-Concepto de metadatos, como se incluyen en html en la s paginas web y que función o ventajas tienen:
Se trata en definitiva de organizar internet, escribiendo páginas que contengan información sobre si mismas, de forma que pueda mecanizarse su clasificación y catalogación. El futuro de la metainformación pasa por la web semántica y por XML, pero mientras tanto podemos avanzar por ese camino con los metadatos.
Los metadatos (información sobre la información) no se visualizan, pero estan integrados en el documento ofreciendo información variada: desde el tipo de formato utilizado (html, xml ...) hasta el autor, editor con el que se ha confeccionado, información para los buscadores, etc.
La etiqueta meta
La forma usual de insertar metadatos en el documento es por medio de la etiqueta <META> en la sección <HEAD> de la página.
Esta etiqueta es de aquellas de las que llamabamos "elementos vacios" porque no lleva etiqueta de cierre. Su estructura es la de una declaración propiedad:valor. Por ejemplo:
<meta name="generator" content="HTML-Kit" />etiqueta que contiene la metainformación de que el documento ha sido escrito usando dicho editor.
No existe ninguna regla acerca de la informacion que puedes o no puedes incluir en las metatags. El standard html define la estructura de una etiqueta META, pero no sus valores. Es perfectamente válido que inventes tus propias etiquetas META; sin embargo dado que no se visualizan en el navegador, y que realmente solo se aprovechan por los buscadores y otras herramientas informáticas (que lógicamente solo entienden las etiquetas META mas difundidas) tampoco tiene mucho sentido crear tu propia metainformación, salvo para uso propio.
Etiquetas META mas usuales
description <meta name="description" content="Esta es la mejor pagina del mundo mundial" />Mediante esta etiqueta podemos incluir como metadato una descripción de nuestra página. Esta descripción puede ser leida y utilizada por algunos buscadores
La etiqueta <meta> admite el atributo lang, que nos permite ofrecer información sobre el idioma:
<meta name="description" content="Esta es la mejor pagina del mundo mundial" lang="ES" />
keywords
<meta name="keywords" content="mp3, free, FREE, download, britney, spears" />Las palabras clave son aquellas que resumen de forma significativa el contenido de la pagina. Por ejemplo keywords adecuadas para ignside.net podrían ser "noticias, internet, manuales, html"
Las dos etiquetas META que acabas de ver son las mas importantes. Como los buscadores leen estas etiquetas y pueden juzgar acerca de la importancia de la pagina segun ellas, existe una auténtica industria montada sobre estas dos sencillas lineas. Una buena selección de descripción y keywords puede suponer que tu página aparezca muy arriba en las búsquedas, y eso supone mucho dinero para las páginas comerciales.
2.-utf-8:
Es un formato de codificación de caracteres Unicode e ISO 10646 utilizando símbolos de longitud variable. UTF-8 fue creado por Robert C. Pike y Kenneth L. Thompson. Está definido como estándar por la RFC 3629 de la Internet Engineering Task Force (IETF). Actualmente es una de las tres posibilidades de codificación reconocidas por Unicode y lenguajes web, o cuatro en ISO 10646.
Sus características principales son:
- Es capaz de representar cualquier carácter Unicode.
- Usa símbolos de longitud variable (de 1 a 4 bytes por carácter Unicode).
- Incluye la especificación US-ASCII de 7 bits, por lo que cualquier mensaje ASCII se representa sin cambios.
- Incluye sincronía. Es posible determinar el inicio de cada símbolo sin reiniciar la lectura desde el principio de la comunicación.
- No superposición. Los conjuntos de valores que puede tomar cada byte de un carácter multibyte, son disjuntos, por lo que no es posible confundirlos entre sí.
3.-WC3: que funcion tienen :
El Proceso de Formación W3C Standard está definido dentro del Documento del Proceso del W3C, destacando cuatro niveles de madurez que cada nueva Norma o Recomendación deben progresar a través de:
Borrador de Trabajo (WD)
Después de suficiente contenido ha sido recopilada de nuestro editor Borradores y discusión, puede ser publicada como Documento de trabajo para revisión por parte de la comunidad. Un documento WD es la primera forma de un estándar que está disponible públicamente. Comentario por prácticamente cualquier persona es aceptada, aunque no se hacen promesas con respecto a la acción en un elemento particular de dichos comentarios.
En esta etapa, el documento estándar puede probable que tenga diferencias significativas de su forma final. Por lo tanto, cualquiera que aplicar las normas de WD debería estar listo para modificar significativamente sus implementaciones medida que avanza la estándar.
Candidata a Recomendación (CR)
Una recomendación candidato es una versión de la norma que es más firme que el WD. En este punto, el grupo responsable de la norma se cumple que la norma hace lo que se necesita de él.El propósito de la CR es obtener ayuda de la comunidad de desarrollo en cuanto a cómo implementable es el estándar.
El documento normalizado puede cambiar aún más, pero en este momento, las características importantes están bloqueadas en su mayoría. El diseño de estas características aún puede cambiar debido a la retroalimentación de los ejecutores.
Proyecto de recomendación (PR)
Una recomendación propuesta es la versión de la norma que ha pasado los dos niveles anteriores. Los usuarios de dicha norma han dado su opinión, y los ejecutores de la norma también han tenido la oportunidad de proporcionar entrada. En esta etapa, el documento ha sido presentado al Consejo Asesor del W3C para su aprobación final.
Aunque este paso es importante, rara vez causa cambios significativos en un estándar a medida que pasa a la siguiente fase.
Ambos candidatos y propuestas pueden introducir "última llamada" para señalar que cualquier información adicional debe ser proporcionada de manera expedita.
Recomendación del W3C (REC)
Esta es la etapa más madura de desarrollo. En este punto, la norma ha sido objeto de amplia revisión y las pruebas, tanto en condiciones teóricas y prácticas. La norma está refrendada por el W3C como un estándar, lo que indica su disposición para su despliegue dentro de su dominio del problema, y el fomento de un apoyo más generalizado entre los ejecutores y los autores.
Recomendaciones a veces puede ser no se han aplicado de forma incorrecta, parcial, o en absoluto, pero muchas normas definen dos o más niveles de conformidad que los desarrolladores deben seguir si desean etiquetar su producto como W3C-compliant.
Las revisiones posteriores (WD) (notas)
Una recomendación puede ser actualizada o ampliada por separado publicado, no técnico erratas o Editor Borradores hasta bastantes modificaciones sustanciales se acumulan para producir una nueva edición o el nivel de la Recomendación. Además, el W3C publica diversos tipos de informativos Notas que son para ser utilizado como una referencia.
Certificación
A diferencia de la ISOC y otros organismos de normalización internacionales, el W3C no tiene un programa de certificación. El W3C ha decidido, por ahora, que no es adecuado para iniciar un programa de este tipo, debido al riesgo de crear más inconvenientes para la comunidad de los beneficios.
4.-xml:
Es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C) utilizado para almacenar datos en forma legible. Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML) para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información. (Bases de datos Silberschatz).
XML no ha nacido sólo para su aplicación para Internet, sino que se propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable.XML es una tecnología sencilla que tiene a su alrededor otras que la complementan y la hacen mucho más grande y con unas posibilidades mucho mayores. Tiene un papel muy importante en la actualidad ya que permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil.
5.-indique de la siguiente lista los conceptos que lleva aprendido con las lecciones:
Puedo decir que todos los he comprendido porque ya tenia conocimiento anterior de la creación de paginas web (HTML,CSS,PHP).
Verifique si reconoce los siguiente conceptos:
Estructura básica de un documento HTML:
- <HEAD>
- Definiciones de la cabecera
- </HEAD>
- <BODY>
- Instrucciones HTML
- </BODY>
Que significa HTML:
HyperText Markup Language («lenguaje de marcas de hipertexto»)
Como poner titulo a la pagina web:
<title> titulo de la pagina</title>
Cambiar atributos de texto:
| Ejemplo | Se veria como |
|---|---|
| <H1>Texto de Prueba</H1> | Texto de prueba |
| <H2>Texto de Prueba</H2> | Texto de Prueba |
| <H3>Texto de Prueba</H3> | Texto de Prueba |
| <H4>Texto de Prueba</H4> | Texto de Prueba |
| <H5>Texto de Prueba</H5> | Texto de Prueba |
| <H6>Texto de Prueba</H6> | Texto de Prueba |
insertar imágenes:
<IMG SRC="immagine.gif">
Poner imagenes como fondo de la pagina:
<BODY BACKGROUND="sfondo.gif">
Tablas:
<table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>
| Celda 1 | Celda 2 | Celda 3 |
| Celda 4 | Celda 5 | Celda 6 |
Listas:
<ul>
<li type="circle">Esto es un tipo de punto.</li>
<li type="square">Este es otro.</li>
<li type="disc">Y este es otro diferente.</li>
</ul>
Esto es un tipo de punto.
Frames:
 | < frameset cols="120,*">
<frame name="central" src="central.htm"> <frame name="bajo" src="basso.htm"> < /frameset> |
Insertar enlaces ( atributos):
<A HREF="URL"> Texto del enlace</A>
El texto del enlace es lo que se visualizará en el navegador. La URL es la dirección donde apunta el enlace y puede ser de estos tipos:
Enlace a otro lugar del mismo documento
Enlace a otra página localEn este caso la URL se sustituye por un marcador en la misma página. El marcador puede ser texto colocado en el lugar al que queremos saltar. No importa lo que sea ya que no se verá.
Veamos un ejemplo para saltar al inicio de esta página. Escribiríamos en el lugar desde el que queremos saltar:
<A HREF="#inicio"> Ir al Inicio</A>
Y en el sitio exacto adonde queremos saltar, debemos poner la siguiente etiqueta:
<A NAME="inicio"> </A>
En este caso la URL se dará de forma relativa (igual que para poner un fondo a la página). Por ejemplo si tenemos dos páginas en el mismo directorio pagina1.htm y pagina2.htm y queremos poner un enlace desde la pagina1.htm a la pagina2.htm debemos escribir
<a href="pagina2.htm">Ir a pagina2</a>
Con esto es suficiente, no hay que crear ningún marcador a no ser que quieras ir a un sitio concreto de la pagina2.htm. En ese caso tendrías que poner en el sitio adonde quieres llegar de la pagina2.htm
<a name="sitio"></a>
y en la pagina1.htm
<a href="pagina2.htm#sitio>Ir a sitio de la página 2</a>
Las palabras forma relativa, al principio de esta sección, constituyen un enlace de este último tipo
Enlace a una dirección de InternetAhora la URL debe darse de forma absoluta, tal como la ves en la ventana de dirección del navegador, es decir:
<A HREF="http://centros4.pntic.mec.es/ies.de.cistierna">IES Cistierna</A>
te llevaría a la página de entrada del IES Cistierna
Enlaces usando imágenesCon frecuencia se emplean imágenes como enlaces. A veces son enlaces a las mismas imágenes con más resolución, como en el caso de fotos. Otras veces nos llevan a una localización cualquiera.
Para que una imagen sea un enlace hay que colocarla en el lugar del texto del enlace, si además queremos que vaya a otra imagen, ésta la debemos poner en el lugar de la URL.
Veamos unos ejemplos Supongamos para ello, que la estructura de nuestras páginas es la indicada en la imagen. Si escribo en la página actual localizada en Aprendiendo Html
<A HREF=" #inicio"><img src="gifs/imagen.gif"></A>
obtengo una imagen que al pulsarla me lleva al inicio de esta página, exactamente como esta:
Para que una imagen sea un enlace a otra imagen se debe escribir:
<a href="gifs/sky.jpg"><img src="gifs/ojo.gif" ></a>
que da como resultado
Formulario:
Ejemplo | |
Código
<form action="datos.php" method="get">Nombre: <input type="text" name="nombre"> Apellido: <input type="text" name="apellido"> </form> |
Resultado
|
sábado, 1 de marzo de 2014
martes, 25 de febrero de 2014
martes, 18 de febrero de 2014
2. Lenguaje de marcado
¿Que es un lenguaje de Marca?
es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.
El lenguaje de marcas más extendido es el HTML ("HyperText Markup Language", Lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).
¿Que es HTML?
siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
¿Que tipo de datos basicos tiene el lenguaje HTML?
Mayúsculas y minúsculas
En la definición de cada atributo se incluye información sobre la importancia que tiene para sus valores la distinción entre mayúsculas y minúsculas. Esta información se presenta de acuerdo con la siguiente leyenda:
Ciertos atributos (%Text; en el DTD) toman por valor un texto que se supone debe ser "legible por humanos". Para información preliminar sobre atributos, consulte la parte del tutorial sobre atributos.
Colores
El tipo de valor de atributo "color" (%Color;) se refiere a las definiciones de colores según se especifican en [SRGB]. Un valor de color puede ser o bien un número hexadecimal (anteponiendo un signo "#") o uno de los siguientes dieciséis nombres de colores. En los nombres de colores no se distingue entre mayúsculas y minúsculas.
Palabras Resevadas de HTML?
es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.
El lenguaje de marcas más extendido es el HTML ("HyperText Markup Language", Lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).
¿Que es HTML?
siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web.
¿Que tipo de datos basicos tiene el lenguaje HTML?
Mayúsculas y minúsculas
En la definición de cada atributo se incluye información sobre la importancia que tiene para sus valores la distinción entre mayúsculas y minúsculas. Esta información se presenta de acuerdo con la siguiente leyenda:
- CS
- El valor distingue entre mayúsculas y minúsculas (es decir, los agentes de usuario interpretan "a" y "A" de manera diferente).
- CI
- El valor no distingue entre mayúsculas y minúsculas (es decir, los agentes de usuario interpretan "a" igual que "A").
- CN
- No puede haber diferencias entre mayúsculas y minúsculas, p.ej., porque es un número o un carácter del conjunto de caracteres del documento.
- CA
- La definición del elemento o atributo ya da la información sobre la distinción entre mayúsculas y minúsculas.
- CT
- Consultar la definición del tipo para detalles sobre la distinción entre mayúsculas y minúsculas.
Ciertos atributos (%Text; en el DTD) toman por valor un texto que se supone debe ser "legible por humanos". Para información preliminar sobre atributos, consulte la parte del tutorial sobre atributos.
Colores
El tipo de valor de atributo "color" (%Color;) se refiere a las definiciones de colores según se especifican en [SRGB]. Un valor de color puede ser o bien un número hexadecimal (anteponiendo un signo "#") o uno de los siguientes dieciséis nombres de colores. En los nombres de colores no se distingue entre mayúsculas y minúsculas.
Palabras Resevadas de HTML?
<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz.<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta<link>.<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediantehttp-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:<h1>a<h6>: encabezados o títulos del documento con diferente relevancia.<table>: define una tabla.<tr>: fila de una tabla.<td>: celda de una tabla (debe estar dentro de una fila).
<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo:<a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a>se representa como Ejemplo).<div>: división de la página. Se recomienda, junto con css, en vez de<table>cuando se desea alinear contenido.<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo:<img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributoalt="texto alternativo".<li><ol><ul>: etiquetas para listas.<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta<strong>).<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta<em>).<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta<del>).<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)
<table><tr><td>Contenido de una celda</td></tr></table>.<script>Código de un script integrado en la página</script>.
Suscribirse a:
Entradas (Atom)