-

                 INTRODUCCIÓN AL HTML                         

QUE ES HTML?
“HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.

No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica. Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.
Hasta el momento ya tenemos una idea sobre lo que hace HTML pero aún no sabemos cómo funcionan las etiquetas. 


PARA QUE SIRVE?
para el desarrollo de páginas de Internet. Está compuesto por una serié de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.



HISTORIA DE HTML?

HTML nació públicamente en un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En esta publicación se describen 22 etiquetas que mostraban un diseño inicial y relativamente simple 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 curso es aprender los fundamentos de HTML y entender cómo funciona, no conocer la sintaxis o especificidades de una versión concreta.





















Comentarios

Publicar un comentario

Entradas populares de este blog

DISEÑO DE PAGINA. MAQUETACION WEB

-
Imagen
Maquetar una página web 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ú la...
Leer más

EL TEXTO: PROPÌEDADES Y FORMATOS

-
Imagen
EL TEXTO: PROPÌEDADES Y FORMATOS 4.1. Características del texto Las características del  texto seleccionado  pueden ser definidas a través del menú  Formato , y a través del  inspector de propiedades . Vamos a ver las posibilidades que se nos ofrecen a través del  inspector de propiedades , que están clasificadas en dos categorías  HTML  y  CSS .  Comenzamos viendo las propiedades  HTML Todas estas propiedades generan etiquetas HTML, que tienen un estilo por defecto en el navegador. Pero al final, podremos personalizarlas con CSS para que se vean exactamente como queramos. Formato:   Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o formato predeterminado. Los encabezados se utilizan para establecer títulos dentro de un documento. El formato predeterminado sirve para que el texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos palabras se introducen vari...
Leer más

EL ENTORNO DW CS6

-
Imagen
ENTORNO DW CS6 2.1. La pantalla inicial Al arrancar Dreamweaver aparece una  pantalla inicial  como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los  nombres de los diferentes elementos  y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante. En el resto de esta unidad vamos a ir describiendo los puntos más importantes señalados en esta imagen por los números en azul del 1 al 9. 1.- Las barras. 2.- Las pestañas de documentos. 3.- La barra de estado. 4.- El panel de propiedades. 5.- Área de paneles. 6.- Paneles y ventanas. 7.- Línea inferior de pestañas. 8.- Vista diseño del documento. 9.- Vista código del documento. 2.2. Las barras 1.- La barra de la aplicación...
Leer más