Ir al contenido principal

Actividad 8

HTML (HyperText Markup Language) es el primer lenguaje que una persona debe conocer si desea comenzar a realizar páginas web. HTML no es un lenguaje de programación, sino una lenguaje descriptivo, una serie de etiquetas que el navegador interpretará de una u otra forma para mostrar distintos contenidos por pantalla.

¿Qué es HTML?


HTML es un lenguaje de marcado de hipertexto o “HyperText Markup Language” por el desarrollo de sus iniciales en inglés, básicamente este lenguaje se escribe en su totalidad con elementos, estos elementos están constituidos por etiquetas, contenido y atributos, que explicaremos de una manera más detallada en algunas líneas más abajo.


HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web tal y como estamos acostumbrados. 

¿Para qué sirve HTML?

Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces (links) hacia otras páginas o documentos.

HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas para definir la estructura de una página web y su contenido como texto, imágenes, entre otros, de modo que HTML es el encargado de describir (hasta cierto punto) la apariencia que tendrá la página web.


Cronología de HTML

La primera versión de HTML fue publicada por un científico de la computación británico llamado Timohty John Berners-Lee en 1991 y contenía inicialmente pocos elementos, los cuales puedes conocer aquí. Sobre Tim, debes saber también que es conocido como el padre de la web, es fundador de la W3C (World Wide Web Consortium), creador del protocolo HTTP (HyperText Transfer Protocol), creador de la URL (Uniform Resource Locator) y creador del primer navegador web.

Sobre la historia de HTML, en 1995 se publicó el estándar HTML 2.0, el primer estándar oficial de HTML. En 1997 se publicó la versión HTML 3.2 y es la primera especificación HTML publicada por la W3C.

En 1999 se publicó la versión HTML 4.1 y en el 2014 se publica la versión definitiva de HTML 5

.

¿Qué son las etiquetas HTML?

Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que se utilizan para escribir código HTML, en HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.



Las partes principales de nuestro elemento son:

La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento — en este caso, dónde es el comienzo del párrafo.
La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del nombre de la etiqueta. Establece dónde termina el elemento — en este caso dónde termina el párrafo.



El contenido: este es el contenido del elemento, que en este caso es sólo texto.
El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al elemento.


Los atributos contienen información adicional acerca del elemento, la cual no quieres que aparezca en el contenido real del elemento. En este caso, el atributo class permite darle al elemento un nombre identificativo, que puede ser usado luego para apuntarle al elemento información de estilo y demás cosas.


Un atributo debe tener siempre:

Un espacio entre éste y el nombre del elemento (o del atributo previo, si el elemento ya posee uno o más atributos).
El nombre del atributo, seguido por un signo de igual (=).
Comillas de apertura y de cierre, encerrando el valor del atribut
¿Que es un documento HTML?

Para desarrollar una página web en HTML es necesario crear un documento HTML. Básicamente un documento HTML es un archivo de texto que tienen la extensión .html o .htm, en este documento se escriben todo el texto y las etiquetas HTML necesarias para la creación de una página, al texto escrito en el documento HTML se le llama código HTML. Un documento HTML se puede generar con cualquier editor de textos simple como el bloc de notas de Windows o Gedit de Linux.

Descripción de actividad

Leímos acerca de HTML para adquirir el conocimiento necesario, después procedimos a realizar pequeñas prácticas en el bloc de notas, realizamos su estructura y aprendimos comandos básicos, después realizamos una página web sobre los símbolos patrios de Panamá con todo los conocimientos a través de las practicas,

Aprendizaje

Aprendí a realizar paginas web mediante el lenguaje de marcado de hipertexto HTML, es un lenguaje sencillo de aprender con comando sencillos, por mi ingles intermedio pude comprender los conceptos del HTML y sus comandos. No solo realizamos la página a punta de programación sino también creamos algunos botones aparte, botones de inicio y realizamos hipervinculos.

Referencias:

Acercade Inc. (18 de Abril de 2012). AcercadeHTML. Obtenido de http://www.acercadehtml.com/
Axes, N. C.-C. (3 de Marzo de 2018). HTML: Básico. Obtenido de https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics
Herrera, J. F. (23 de Junio de 2017). Obtenido de https://codigofacilito.com/articulos/que-es-html
Reyes, J. J. (3 de Marzo de 2015). DevCode. Obtenido de https://devcode.la/blog/que-es-html/

Comentarios

Entradas populares de este blog

Actividad 5

Una alternativa de PowerPoint con la capacidad de realizar lo que deseas en un momento, con sus plantillas y efectos es capaz de pasar una presentación aburrida a una llamativa. ¿Qué es Prezi y para qué sirve? Prezi es una aplicación multimedia para crear presentaciones dinámicas y originales. Prezi funciona a modo de lienzo abierto en el que poder organizar y distribuir diferentes elementos o animaciones que posteriormente serán visualizadas como un todo. Esto es debido a sus denominadas “estructuras inteligentes” que facilitan la organización del contenido con solo arrastrar y soltar. La herramienta Prezi, destaca por sus atractivos efectos visuales, zooms, movimientos y colores. También por su facilidad y rapidez de uso que hacen de ella una aplicación muy intuitiva y práctica. A diferencia de PowerPoint, evita tener que saltar de una diapositiva a otra para llegar a un apartado concreto de la presentación. Para trabajar con Prezi no es estrictamente necesario desc...

Actividad 7

¿Qué son los sitios web? Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema en particular, incluyendo una página inicial de bienvenida generalmente denominada home page, a los cuales se puede acceder a través de un nombre de dominio y dirección en Internet específicos. Los servidores Cada servidor Web, y cada computadora conectada a Internet, posee asignada una dirección de IP única, irrepetible, que lo identifica en la red, incluyendo tu móvil o la PC que tienes en tu casa. La dirección de IP puede pensarse como los datos del remitente en una carta postal. Cuando deseas ver un sitio Web, tu móvil, PC o tableta envía un pedido desde tu dirección de IP hacia la dirección IP del servidor que aloja los archivos del sitio en cuestión. Entonces, el servidor Web responde devolviendo los datos a la dirección IP solicitante. Esto es lo que pasa todo el tiempo que estamos navegando un sitio en Internet. Más del 90% de los sitios en I...

Actividad 4

Glosario Informático 2 CSS Cascading Style Sheets : Hojas de Estilo en Cascada es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz. Dominio : Parte de una dirección de Internet que identifica un sitio web y que describe el tipo de empresa u organización a la que pertenece o bien el país donde está registrado. Editor de diseño web : Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. Frame : En diseño web, un marco o frame es un área rectangular que carga una página web dentro de una página web mayor. Hyperlink : Enlace entre 2 nodos de un hipertexto. Home Page : Es el URL ...