1. COLEGIO DEBORA ARAGO PEREZ
Yuly Vanesa Sepúlveda Lozano
Wendy Valera Moreno
11-03 JT
Trabajo De HTML
2014
2. 1 Realizar un documento en Word
en el que se investiguen los siguientes
elementos:
Significado De HTML
HTML es un lenguaje de programación que se utiliza para el desarrollo de
páginas de Internet. Se trata de la sigla que corresponde a Híper Text
Maikup Lenguaje, es decir, Lenguaje de Marcas de Hipertexto, que podría
ser traducido como Lenguaje de Formato de Documentos para Hipertexto.
Se trata de un formato abierto que surgió a partir de las
etiquetas SGML (Standard Generalized Markup Language).
2.Breve Historia De HTML
HTML, siglas de Hyper Text 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.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para
añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se
incrusta directamente en el código de la página, sino que se hace una
referencia a la ubicación de dicho elemento mediante texto. De este modo, la
página web contiene sólo texto mientras que recae en el navegador web
(interpretador del código) la tarea de unir todos los elementos y visualizar la
página final. Al ser un estándar, HTML busca ser un lenguaje que permita que
cualquier página web escrita en una determinada versión, pueda ser
interpretada de la misma forma (estándar) por cualquier navegador web
actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas características, con el fin de hacerlo más eficiente y facilitar
el desarrollo de páginas web compatibles con distintos navegadores y
plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tablets, etc.).
Sin embargo, para interpretar correctamente una nueva versión de HTML, los
desarrolladores de navegadores web deben incorporar estos cambios y el
usuario debe ser capaz de usar la nueva versión del navegador con los
cambios incorporados. desarrolladores a aplicar técnicas y cambios que
permitan corregir problemas de visualización e incluso de interpretación de
código HTML.
3. 3. Evoluciones y Versiones De HTML
Actualmente a versión de HTML más utilizada es la 4.01 y el XHTML 1.0 estás 2 versiones
fueron definidas por la W3C hace 7 y 8 años. Ahora se preparan nuevas versiones que son
el HTML 5 y el XHTML 2.
Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el
documento HTML, las variantes del HTML 4.01 son:
HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se
aceptan etiquetas obsoletas.
HTML 4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones
de HTML, no es recomendable.
HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.
4. Listado general de etiquetas con sus atributos.
Resumen de etiquetas y atributos
etiqueta
cierre
atributo
<!--
-->
Añadir un comentario no visible.
<a>
</a>
Establece un vínculo.
href
explicación
Dirección del vínculo.
name
target
<b>
Establece un ancla.
Establece el destino del vínculo: _blank, _self,
_top, _parent, o "definido"
</b>
Texto en negrita.
<blockquote> </blockquote>
<body>
Sangrado.
</body>
Parte visible en pantalla del documento.
alink
Modifica el color del vínculo cuando está
activado.
background Para colocar una imagen de fondo.
bgcolor
Para establecer un color de fondo.
link
vlink
<br>
Modifica el color del vínculo antes de estar
activado.
Modifica el color del vínculo cuando ya ha sido
visitado.
Salto de línea.
<caption>
</caption>
<center>
<center>
Establece el título de una tabla. Dentro de
<table>.
Centra en horizontal.
4. <dd>
La definición del término. Dentro de <dl>
<dl>
</dl>
Listado de términos y sus definiciones.
<dt>
</dt>
Término para ser definido. Dentro de <dl>
<font>
</font>
Fuente.
size
color
Color
face
<form>
Tamaño de la fuente.
Tipo de letra.
</form>
Formulario
action
="mailto:la_dirección_de_correo"
method
enctype
<frame>
="post"
="text/plain"
</frame>
Marco.
name
src
Nombre que se le da para referirse después a
él.
Establece qué documento se va a cargar
inicialmente en el marco.
frameborder Indica si habrá o no borde entre los marcos.
noresize
scrolling
<frameset>
Si se escribe, el navegante no puede
redimensionar los marcos.
Establece si habrá o no barra de scrolling.
</frameset>
Estructura de los marcos.
cols
rows
<h1>
Número de filas.
Encabezado de primer orden.Hay otros 5:
<h2><h3><h4><h5><h6>
</h1>
<head>
Número de columnas.
</head>
Cabecera del documento.
<hr>
Línea de separación horizontal.
align
noshade
Alineación de la línea.
Sin efecto tridimensional.
size
width
<html>
</i>
<iframe>
Anchura de la línea.
</html>
<i>
Grosor de la línea.
Apertura y cierre del código.
</iframe>
Letra cursiva.
Marco en línea. Carga en un marco otra página.
name
src
Nombre que se le da al espacio para
posteriores referencias.
Establece qué documento se carga
inicialmente.
frameborder Establece si habrá o no borde de separación.
5. <img>
Inserta una imagen.
alt
Texto alternativo a la imagen.
border
Establece si va a tener borde o no, cuando sirva
de vínculo.
height
Altura de la imagen.
width
Ancho de la imagen.
src
Establece qué imagen se va a insertar.
Componente de una lista. Dentro de <ul> o de
<ol>
<li>
<ol>
</ol>
Lista numerada de objetos.
<p>
</p>
Párrafo nuevo.
<sub>
</sub>
Subíndice.
<sup>
</sup>
Superíndice.
<table>
</table>
Tabla.
align
Alinea la tabla: center, right, left
bgcolor
Establece el color de fondo de la tabla.
border
Establece un borde a la tabla
cellpadding
Separación entre el borde de la tabla y el
contenido.
cellspacing Separación entre las celdas.
width
<td>
</td>
Establece el ancho de la tabla.
Celda de una tabla.
align
Establece la alineación del texto dentro de la
celda: left, center, right.
bgcolor
Establece el color de fondo para la celda.
colspan
Extiende la celda sobre varias columnas.
height
rowspan
Establece la altura de la celda.
Extiende la celda sobre varias filas.
valign
Establece la alineación vertical: top, middle,
bottom.
width
Establece el ancho de la celda.
Titular de la columna de una tabla. Dentro de
<tr>.
<th>
</th>
<title>
</title>
<tr>
</tr>
Fila de una tabla.
<u>
</u>
Subrayado.
<ul>
</ul>
Lista no numerada de objetos.
Establece el nombre del documento. Dentro de
<head>
6. 5. Conclusiones finales.
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera
inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de
Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que
eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una
página llena de colores y botones por la cual se puede navegar, se puede tener
acceso a bastante información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndoles a las personas
expresar sus ideas por medio de páginas y mostrárselas a todas las personas
de todos los países.