TEMÁTICA: PÁGINAS WEB Y LENGUAJE DE MARCADO HTML.
PAGINAS WEB Y LENGUAJE MARCADO HTML
PAGINAS WEB Y LENGUAJE MARCADO HTML
Una pagina web es un documento de texto con marcas que les permite cambiar la información de forma ilimitada y a las marcas se le llama etiquetas.
Las páginas web están pensadas para ser vistas mediante los programas llamados navegadores web. Los navegadores son capaces de interpretar las marcas y presentar el documento tal y como lo diseñó el autor.
Los navegadores no muestran en principio las marcas, aunque se puede pedir que las enseñen en una ventana o pestaña aparte. El atajo de teclado correspondiente suele ser Ctrl+u y las opciones de menú son:
- En Firefox, .
- En Chrome,
- En Edge, primero hay que abrir la página about:flags y marcar la casilla "Mostrar código fuente". A partir de ese momento, al hacer clic derecho sobre cualquier página, el menú contextual mostrará la opción . El código fuente se muestra en la ventana de desarrolladores.
- En Internet Explorer, .
Las marcas se escriben entre desigualdades (<p>, <h1>, <div>, etc.) y suelen ir por parejas, rodeando porciones de texto. La marca de apertura contiene como mínimo el nombre de la marca y la marca de cierre empieza por el carácter barra (/) y contiene únicamente el nombre de la marca (</p>, </h1>, </div>, etc.).
CÓDIGO FUENTE DE LA PAGINA WEB
<p>Esto es un párrafo de texto.</p>
<p>Esto es otro párrafo.</p>
COMO SE VE EN EL NAVEGADOR
Esto es un párrafo de texto.
Esto es otro párrafo.
Algunas marcas (imágenes, saltos de líneas, separadores, etc.) no necesitan marca de cierre y sólo es necesario escribir la marca de apertura. A estas marcas se las llama marcas vacías (void). Las marcas vacías de HTML son <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <link>, <meta>, <param>, <source>, <track> y <wbr>.
CÓDIGO FUENTE DE LA PAGINA WEB
<p>Esto es un párrafo de texto.</p>
<hr>
<p>Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.</p>
COMO SE VE EN EL NAVEGADOR
Esto es un párrafo de texto.
Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.
FUENTE
QUE ES UN SITIO WEB
Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivo visualmente, dichos documentos se llaman páginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web.
Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipo de navegador web (hosting).
FUENTE
QUE ES UNA PÁGINA WEB
Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.
Página web
Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
FUENTE
QUE ES UNA PAGINA WEB ESTATICA
Las páginas web estáticas son básicamente informativas y están enfocadas principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información sin poder interactuar con la página visitada. En las páginas web estáticas no se utilizan bases de datos ni se requiere programación.
FUENTE
QUE ES UNA PÁGINA WEB DINÁMICA
Una web dinámica es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Ejemplos de aplicaciones dinámicas son encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada
FUENTE
EXTENSIÓN ES DE UNA PAGINA WEB
Las extensiones de dominios es la parte final del nombre de un dominio y revelan la naturaleza del sitio.
Algunos de los que indican el contenido del sitio web son:
.com para uso comercial
.org para asociaciones sin fines de lucro
.edu para instituciones académicas
.net para servicios de Internet
.info para sitios web informativos
.biz para negocios
Algunas extensiones de Internet usado y reservado para un país o territorio dependiente son:
.mx para México
.es para España
.ar para Argentina
.tv para Tuvalu. Es muy popular (y por tanto valioso) ya que coincide al significado de la palabra "televisión".
Se debe escoger la extensión de dominio que más le convenga.
Usted puede verificar la disponibilidad del nombre de su empresa en las diferentes extensiones con newWweb e iniciar el trámite de registro aquí.
FUENTE
WIX
Nuestra moderna tecnología hace que estar online de una forma bella y profesional sea simple y accesible para todos. No hay límites de creatividad, no necesitas códigos ni programación, tienes completa libertad para expresarte y manejar tu negocio online.
Nuestra base global de usuarios, SDK libre y posibilidades de diseño sin igual, ofrecen un ecosistema único. Socios, desarrolladores de software, diseñadores web y otros profesionales de la red, pueden publicar sus aplicaciones y servicios a millones de potenciales clientes a través de Wix.
FUENTE: LA WEB
INFORMACIÓN SACADA DE FUENTE
VÍDEO 1: IMPORTANCIA DE HTML PARTE I
CÓDIGO FUENTE DE LA PAGINA WEB
<p>Esto es un párrafo de texto.</p>
<p>Esto es otro párrafo.</p>
COMO SE VE EN EL NAVEGADOR
Esto es un párrafo de texto.
Esto es otro párrafo.
Algunas marcas (imágenes, saltos de líneas, separadores, etc.) no necesitan marca de cierre y sólo es necesario escribir la marca de apertura. A estas marcas se las llama marcas vacías (void). Las marcas vacías de HTML son <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <link>, <meta>, <param>, <source>, <track> y <wbr>.
CÓDIGO FUENTE DE LA PAGINA WEB
<p>Esto es un párrafo de texto.</p>
<hr>
<p>Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.</p>
COMO SE VE EN EL NAVEGADOR
Esto es un párrafo de texto.
Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.
FUENTE
QUE ES UN SITIO WEB
Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivo visualmente, dichos documentos se llaman páginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web.
Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipo de navegador web (hosting).
FUENTE
QUE ES UNA PÁGINA WEB
Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.
Página web
Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
FUENTE
QUE ES UNA PAGINA WEB ESTATICA
Las páginas web estáticas son básicamente informativas y están enfocadas principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información sin poder interactuar con la página visitada. En las páginas web estáticas no se utilizan bases de datos ni se requiere programación.
FUENTE
QUE ES UNA PÁGINA WEB DINÁMICA
Una web dinámica es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Ejemplos de aplicaciones dinámicas son encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada
FUENTE
EXTENSIÓN ES DE UNA PAGINA WEB
Las extensiones de dominios es la parte final del nombre de un dominio y revelan la naturaleza del sitio.
Algunos de los que indican el contenido del sitio web son:
.com para uso comercial
.org para asociaciones sin fines de lucro
.edu para instituciones académicas
.net para servicios de Internet
.info para sitios web informativos
.biz para negocios
Algunas extensiones de Internet usado y reservado para un país o territorio dependiente son:
.mx para México
.es para España
.ar para Argentina
.tv para Tuvalu. Es muy popular (y por tanto valioso) ya que coincide al significado de la palabra "televisión".
Se debe escoger la extensión de dominio que más le convenga.
Usted puede verificar la disponibilidad del nombre de su empresa en las diferentes extensiones con newWweb e iniciar el trámite de registro aquí.
FUENTE
WIX
Nuestra moderna tecnología hace que estar online de una forma bella y profesional sea simple y accesible para todos. No hay límites de creatividad, no necesitas códigos ni programación, tienes completa libertad para expresarte y manejar tu negocio online.
Nuestra base global de usuarios, SDK libre y posibilidades de diseño sin igual, ofrecen un ecosistema único. Socios, desarrolladores de software, diseñadores web y otros profesionales de la red, pueden publicar sus aplicaciones y servicios a millones de potenciales clientes a través de Wix.
Ofrecemos una avanzada plataforma de creación de páginas web para más de 90 millones de usuarios en 190 países. Wix tiene algo para todos, ya sea que seas un fotógrafo, músico, emprendedor o estudiante, tenemos todas las herramientas y funciones que necesitas para que tengas una presencia online destacable, absolutamente GRATIS.
IMAGEN 1:HISTORIA WIX
FUENTE: LA WEB
INFORMACIÓN SACADA DE FUENTE
VÍDEO 1: IMPORTANCIA DE HTML PARTE I
VÍDEO 2: IMPORTANCIA DEL HTML PARTE II
VÍDEO 3: IMPORTANCIA DEL HTML PARTE III
PANTALLAZO 1. ACTIVIDAD MI PRIMERA PÁGINA WEB
FUENTE: JORGE RODRIGUEZ
LENGUAJE MARCADO HTML
HISTORIA
HTML o lenguaje de marcado de hipertexto, se ha convertido en el lenguaje de marca más importante a día de hoy, gracias al crecimiento de Internet, la necesidad de ofrecer servicios remotamente y en definitiva, la necesidad de poder ofrecer fácilmente información de una forma elegante y sin morir en el intento. HTML es un derivado de SGML y nació en 1991, gracias a Tim Berners-Lee (que trabajaba en el CERN), que ante la necesidad de compartir información entre científicos creó la primera definición del lenguaje.
IMAGEN 1: HISTORIA HTML
FUENTE:LA WEB
QUE ES LENGUAJE DE MARCADO
En el año 1989, el físico nuclear Tim Berners-Lee del CERN (Centro europeo para la investigación nuclear) trabajaba en un sistema que permitiera acceder a archivos en línea sobre el protocolo de comunicaciones TCP/IP. En este año existían dos métodos para enlazar documentos electrónicos entre sí. Por una parte los enlaces o hipervínculos y por otra parte un lenguaje denominado SGML (Standard Generalize Markup Language, "Lenguaje de marcas generalizado"), que consiste en un sistema para la organización y etiquetado de documentos. La ISO normalizó el lenguaje en el año 1986. Sirve para especificar las reglas de etiquetado y no impone ningún conjunto de etiquetas especial, teniendo en cuenta estos métodos Tim Berners-Lee a principios de 1990 definió el lenguaje HTML (Hypertext Markup Language, “Lenguaje de marcas hipertextuales”) como un subconjunto de SGML y creó algo más el World Wide Web (también conocido como la Web, es un sistema de documentos de hipertexto y/o hipermedios enlazados entre si y accesibles desde interne). En 1991 creó el primer navegador de HTML que funcionaba en modo texto y para el sistema UNIX.
QUE SON LAS ABREVIATURAS CON ML
Casi todas las siglas en la web que tiene un "ML" en éllas, se trata de un "lenguaje de marcado o de marcas." Los lenguajes de marcado son los lenguajes que conforman la web.
Hay muchos lenguajes de marcas diferentes. Este artículo se centra en HTML y XML, pero hay un montón de otros lenguajes de marcado. Tres son los que se deben tener en cuenta si estás haciendo el diseño de una página web o desarrollo: HTML, XML y XHTML.
QUE ES UN LENGUAJE DE MARCAS
Un lenguaje de marcas es un lenguaje que anota el texto de modo que el ordenador puede manipularlo. La mayoría de los lenguajes de marcas son legibles debido a que las anotaciones están escritas de forma tal que se puedan distinguir de los textos. Por ejemplo, con HTML, XML y XHTML, las etiquetas de formato son ‹ y ›. El texto que aparece dentro de uno de esos delimitadores se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo
‹ p › este es un párrafo de texto escrito en HTML ‹ /p ›
Al dar formato al texto que se desea imprimir (o visualizar en un ordenador o TV), es necesario distinguir entre el texto en sí y las instrucciones para imprimir el texto. Las marcas son las instrucciones para mostrar o imprimir el texto.
El marcado no tiene que ser legible por ordenador. Las anotaciones hechas en un texto en papel o en un libro son también marcas. Por ejemplo, muchos estudiantes para poner de relieve algunas frases de sus libros de texto. Esto indica que el texto en negrita es más importante que el texto que lo rodea. El color más destacado es el marcado.
El marcado se convierte en un lenguaje cuando las reglas están codificadas en torno a cómo escribir y usar el marcado. Ese mismo alumno puede tener su propio "lenguaje de marcado al tomar notas" si las reglas codificadas son como por ejemplo "marcador morado es para las definiciones, resaltador amarillo es para los detalles del examen, y notas a lápiz en los márgenes para recursos adicionales." Pero la mayoría de los lenguajes de marcas se definen por una autoridad externa para permitir su uso por muchas personas diferentes.
HTML HyperText Markup Language
HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos.
HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres ‹ y ›.
Pero HTML no es el único estándar para el desarrollo web. Cuando HTML fue desarrollándose se puso más y más complicado y las etiquetas de estilo y contenido se combinaron en un solo lenguaje. Finalmente, el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido por sí solo, como H1, se mantendría en HTML, las etiquetas que definen el estilo, como la fuente, han quedado obsoletas a partir de HTML 4.01 a favor de las hojas de estilo.
La nueva versión de HTML es HTML5. HTML5 añade más funciones en HTML y elimina parte de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aún es un lenguaje de marcas.
QUE SON LAS ETIQUETAS HTML
Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan información sobre una canción así como sobre el artista que la ha cantado o compuesto.
EJEMPLOS ETIQUETA
<HTML> … </HTML>
Delimita y engloba toda la página web, que consta de cabecera y cuerpo.
<HEAD> … </HEAD>
Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.
<TITLE> … </TITLE>
Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.
Metadatos
La cabecera admite otras muchas etiquetas (ver apuente 6 y 6.1.)
<BODY> … </BODY>
Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.
Admite atributos
FORMATO DE PARRAFO
<H1> ... </H1> o <H2> ... </H2> (hasta 6)
Párrafos que son encabezamientos (con distintos niveles).
<P>... </P>
Párrafos normales.
<P align="center">... </P>
El atributo align permite alinear el texto del párrafo. Se puede aplicar igual a las etiquetas <H1>,
<H2>, etc ...
<BR>
Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.
<HR>
Pone una linea horizontal de separación. (admite atributos) (ver apuente 11.1).
<BLOCKQUOTE>…</BLOCKQUOTE>
PANTALLAZO 2
FUENTE: JORGE RODRIGUEZ
FUENTE: JORGE RODRIGUEZ
No hay comentarios:
Publicar un comentario