Html wendy martinez

INSTITUTO TECNOLOGICO DE
NOR ORIENTE ITECNOR.
ING.
Dublé Omar Sandoval Hernández.
Wendy Marisol Martínez Diaz.
HTLM.
5TO. ITECNOR.
B.1.

¿QUÉ ES Y PARA QUÉ SIRVE HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Está compuesto por una seríe de etiquetas que el navegador interpreta y da
formaen lapantalla. HTML disponede etiquetas paraimágenes, hipervínculos
que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y
contenido. Un ejemplo sencillo de código HTML podría ser:
<html>
<body>
<p>Esto es un párrafo. Bienvenidos a esta página
web.</p>
</body>
</html>
Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar
cada unade las etiquetas debeacabar con su homólogade cierre. En estecaso
la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con
</body> y la etiqueta <p> con </p>.
Hay muchas más etiquetas que veremos más adelante pero nos debe quedar
claro que por cada etiqueta que abramos, deberemos incluir la
correspondiente etiqueta de cierre. Así conseguiremos un código HTML bien
formado y que los navegadores puedan interpretar sin ambigüedad.
Este sencillo ejemplo mostraría por pantalla lo siguiente.

¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente
cierre? Digamos que se trataría de un código HTML mal construido, y los
navegadores esto lo pueden interpretar de distintas maneras. Quizás nos
muestren la página tal y como esperábamos sin aparente error. Quizás nos
muestren una página de error o se quede en blanco el navegador. Nuestro
objetivo ha de ser siempre construir páginas HTML bien estructuradas y sin
ambiguedades, es decir, hacer un correcto uso del lenguaje para que los
navegadores puedan saber exactamente qué es lo que pretendemos mostrar.
ALGO DE HISTORIA
HTML nació públicamente en un documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en Internet por Tim Berners-Leeen 1991.
En esta publicación sedescriben 22 etiquetas quemostraban un diseño inicial
y relativamentesimple de HTML. Varios de estos elementos se conservan en
la actualidad. Otros se han dejado de usar, y muchos otros se han ido
añadiendo con el paso de los años. De esta manera, podemos hablar de que
han existido distintas versiones de HTML a lo largo de la historia de internet.
Nosotros vamos a trabajar con el HTML estándar actual, que es el utilizado
por los navegadores y páginas web de hoy en día. Sin embargo, no vamos a
prestarle atención a las versiones y especificidades de cada versión, ya que el
objetivo de este cursoesaprender losfundamentosdeHTML y entender cómo
funciona, no conocer la sintaxis o especificidades de una versión concreta.
¿Por qué no le damos importancia a la versión? Porque una persona que
cuenta con los fundamentos y comprensión básica sobre el lenguaje es capaz
de adaptarse a las características particulares de una versión sin problema.
En cambio, centrarse en los detalles de una versión sin conocer los
fundamentos hará que no tengamos capacidad para comprender lo que

hacemos ni para adaptarnos a los continuos cambios que tienen lugar en el
ámbito de los desarrollos web.
Tim Berners-Lee
Evolucion de HTML.
Podríamos decir que HTML sirve para crear páginas web, darles
estructura y contenido. Un ejemplo sencillode código HTML podría ser:
La evolución del HTML
La idea de Berners-Lee surgió hacia el 1989 y en los dos años
siguientes definía el HTML como un subconjunto del SGML al que más
tarde llamaría nivel 0.
Esta primera versión solamente marcaba encabezados, listas y anclas
pero fue suficiente para que se creara la World Wide Web. Surgieron
varias versiones de este primer HTML pero ninguna de ellas llegaría a
convertirse en el estándar oficial. Lo más cercano fue el HTML 2.0, al
cual se le puso el nombre para distinguirlo de la colección de
estándares no oficiales que iban surgiendo.
Tim Berners fundaría el W3C (World Wide Web Consotium) en 1995 y
poco después surgió el borrador de la tercera versión, HTML 3.0. Éste
daba mucha más libertad de creación al diseñador web.
Facilitaba la creación de tablas, el texto podía fluir alrededor de las
figuras y se mostraban elementos matemáticos complejos. Sus
creadores pretendían que fuera compatiblecon la versión anterior pero
era demasiado complejo como para que lo soportaran los navegadores
de la época.
En septiembre de ese mismo año se abandonó el proyecto debido a la
falta de apoyo de los fabricantes de navegadores web. La siguiente
versión tampoco llegó a ser propuesta oficialmente.

Una nueva versión, el HTML 3.2 abandonaba muchos de los elementos
que se habían introducido en el HTML 3.0 a cambio de acoger los
elementos que habían desarrollado los fabricantes de navegadores
web como Netscape y Mosaic.
Por ejemplo, se abandonó la posibilidad de introducir fórmulas
matemáticas complejas para delegarlo en un estándar distinto, el
MathML. La última versión es el HTML 4.0, que también incluye muchos
elementos específicos que habían sido desarrollados para un
navegador web determinado pero que, a su vez, calificó a muchos de
ellos como “desaprobados”.
El camino evolutivo del HTML ha sido complejo, se ha tenido que lidiar
con muchas partes y finalmente ha cesado. Pero las tecnologías
continúan avanzando y su heredero ahora es el XHTML.
La base y el objetivo son los mismos pero esta vez entra un elemento
nuevo en escena, el XML. Otro estándar que se asemeja en
funcionalidad al SGML pero que es más sencillo y más joven. Así pues
de la “fusión” de estos dos estándares, XML y HTML, surge el XHTML.
Tabla de etiquetas de HTML.
Nombre Etiqueta
inicial
Etiqueta final Des. DTD Descripción
a <a> </a> Origen o destino
del vínculo
abbr <abbr> </abbr> Abreviatura
(p.ej.:WWW,
HTTP, etc.)
acronym <acronym> </acronym>
address <address> </address> Información
sobre el autor
applet <applet> </applet> D L Applet Java
area <area> Prohibido Área de un mapa
de imágenes en
el lado del
cliente

b <b> </b> Estilo de texto en
negrita
base <base> Prohibido URI base del
documento
basefont <basefont> Prohibido D L Tamaño base de
fuente
bdo <bdo> </bdo> Anular algoritmo
BiDi I18N
big <big> </big> Estilo de texto
grande
blockquote <blockquote> </blockquote> Cita larga
body Opcional Opcional Cuerpo del
documento
br <br> Prohibido Salto de línea
forzado
button <button> </button> Botón
caption <caption> </caption> Título de tabla
center <center> </center> D L Forma abreviada
de DIV
align=center
cite <cite> </cite> Cita
code <code> </code> Fragmento de
código de
computadora
col <col> Prohibido Columna de una
tabla
colgroup <colgroup> Opcional Grupo de
columnas de una
tabla
dd <dd> Opcional Descripción de
una definición
del <del> </del> Texto borrado
dfn <dfn> </dfn> Definición
dir <dir> </dir> D L Lista tipo
directorio

div <div> </div> Contenedor
genérico de
idioma/estilo
dl <dl> </dl> Lista de
definiciones
dt <dt> Opcional Término definido
em <em> </em> Énfasis
fieldset <fieldset> </fieldset> Grupo de
controles de un
formulario
font <font> </font> D L Cambio local de
la fuente
form <form> </form> Formulario
interactivo
frame <frame> Prohibido F Subventana
frameset <frameset> </frameset> F Subdivisión en
ventanas
h1 <h1> </h1> Encabezado
head Opcional Opcional Cabecera del
documento
hr <hr> Prohibido Separador
horizontal
html Opcional Opcional Elemento raiz del
documento
i <i> </i> Estilo de texto en
itálica
iframe <iframe> </iframe> L Subventana en
línea
img <img> Prohibido Imagen incluida

input <input> Prohibido Control de
formulario
ins <ins> </ins> Texto insertado
isindex <isindex> Prohibido D L Entrada de texto
en una sola línea
con indicador
kbd <kbd> </kbd> Texto que debe
introducir el
usuario
label <label> </label> Texto del rótulo
de un campo de
formulario
legend <legend> </legend> Leyenda de un
grupo de campos
li <li> Opcional Objeto de lista
link <link> Prohibido Un vínculo
independiente
del medio
map <map> </map> Mapa de
imágenes en el
lado del cliente
menu <menu> </menu> D L Lista tipo menú
meta <meta> Prohibido Metainformación
genérica
noframes <noframes> </noframes> F Contenedor de
contenidos
alternativos para
la representación
no basada en
marcos
noscript <noscript> </noscript> Contenedor de
contenidos
alternativos para
la representación
no basada en
scripts
object <object> </object> Objeto incluido
genérico

ol <ol> </ol> Lista ordenada
optgroup <optgroup> </optgroup> Grupo de
opciones
option <option> Opcional Opción
seleccionable
p <p> Opcional Párrafo
param <param> Prohibido Valor de
propiedad con
nombre
pre <pre> </pre> Texto
preformateado
q <q> </q> Cita corta en
línea
s <s> </s> D L Estilo de texto
tachado
samp <samp> </samp> Ejemplo de salida
de programas,
scripts, etc.
script <script> </script> Sentencias de
script
select <select> </select> Selector de
opciones
small <small> </small> Estilo de texto
pequeño
span <span> </span> Contenedor
genérico de
idioma/estilo
strike <strike> </strike> D L Estilo de texto
tachado
strong <strong> </strong> Énfasis fuerte
style <style> </style> Información de
estilo
sub <sub> </sub> Subíndice
sup <sup> </sup> Superíndice
table <table> </table>

tbody Opcional Opcional Cuerpo de tabla
td <td> Opcional Celda de datos
de una tabla
textarea <textarea> </textarea> Campo de texto
multilínea
tfoot <tfoot> Opcional Pie de tabla
th <th> Opcional Celda de
encabezado de
tabla
thead <thead> Opcional Cabecera de
tabla
title <title> </title> Título del
documento
tr <tr> Opcional Fila de una tabla
tt <tt> </tt> Estilo de texto de
teletipo o
monoespacio
u <u> </u> D L Estilo de texto
subrayado
ul <ul> </ul> Lista no
ordenada
var <var> </var> Variable o
argumento de un
programa

Html wendy martinez

Más contenido relacionado

La actualidad más candente

Similar a Html wendy martinez

Último

Html wendy martinez