En este artículo vamos a hablar sobre HTML , sus características, por qué aprender HTML y, por último, ventajas y desventajas, así que comencemos;
HTML es el formato de documento estándar para páginas web que es compatible con todos los navegadores. Toman contenido HTML y lo traducen a lo que ve en la pantalla de su dispositivo. HTML significa Lenguaje de marcado de hipertexto, donde el hipertexto es la capacidad de convertir un fragmento de texto en un hipervínculo (que podemos llamar simplemente un «enlace») que HTML hace para que el espectador pueda visitar cualquier documento. Y el lenguaje de marcado es el lenguaje informático que tiene muchas palabras clave, nombres o etiquetas fáciles de entender, que ayuda a representar el diseño general de una página y los datos que contiene o, en otras palabras, define la estructura de partes específicas proporcionando características a los usuarios como un párrafo, enlace, título, encabezado, etc. para sus páginas web y documentos.HTML no es un lenguaje de programación. No tiene la capacidad de crear funciones dinámicas como otros lenguajes de programación. Cuando trabajamos con HTML , solo usamos una estructura de código simple que contiene etiquetas y atributos para construir la estructura de una página web, y el navegador lo muestra como tal, donde los lenguajes de programación tienen propósitos funcionales. Pueden tomar entradas y producir salidas, tienen la capacidad de llamar a funciones dinámicas para evaluar la expresión, etc. Por lo tanto, HTML no puede llamarse un lenguaje de programación.
HTML fue inventado por Tim Berners-Lee, que fue fundado en 1990, un físico en el instituto de investigación CERN en Suiza. Se le ocurrió la idea de un sistema de hipertexto basado en Internet. Se publicó originalmente en 1993. Ahora, el grupo WHATWG (Web Hypertext Application Technology Working) trabaja oficialmente en la creación de aplicaciones.
Etiquetas: Son la estructura básica de unHTMLque rodea el contenido y le da significado. Las etiquetas están encerradas entre llaves angulares <nombre de etiqueta>. La mayoría de las etiquetas tienen sus correspondientes etiquetas de cierre excepto algunas etiquetas. <html> tiene su etiqueta de cierre </html> y se usa al principio y al final de un código que encierra elHTML.
Atributos: un atributo se usa para definir las características de unHTMLque aparece dentro de la etiqueta de apertura y sus valores se usan entre comillas. Pueden ser como <etiqueta atributo=”valor”>margen</etiqueta>
HTML
<!DOCTYPE html> <html> <head> <title>Demo Web Page</title> </head> <body> <h1>GeeksforGeeks</h1> <p>A computer science portal for geeks</p> </body> </html>
Producción:
Etiquetas usadas en el ejemplo anterior:
- <!DOCTYPE html> La declaración no es una etiqueta HTML . Esta es una información para el navegador sobre qué tipo de documento esperar.
- <html> Significa que el elemento es el elemento raíz de una página HTML .
- <head> Contiene metainformación sobre la página HTML .
- <título> El elemento proporciona la información sobre el título de la página HTML (que se muestra en la barra de título del navegador o en la pestaña de la página).
- <body> El elemento describe el cuerpo del documento y contiene todos los contenidos visibles que ves en una página web, como encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etc. de la página web.
- <h1> El elemento define un encabezado grande.
- <p> El elemento define un párrafo.
Componentes de HTML:
En HTML , generalmente hay 2 secciones principales que son el encabezado y el cuerpo. Cada sección tiene sus propios elementos y requisitos.
Sección principal: la etiqueta principal representa el encabezado del documento web que puede acomodar las etiquetas <título> y <enlace> en su interior. Comienza con <head> y termina con </head>. Tiene componentes de título dentro.
Título: Todo documento tiene al menos un título. Del ejemplo anterior, se puede entender que la sección del título comienza con <título> y termina con </título> y en el medio se coloca el nombre del título de un documento como “Mi primer artículo”. En el código anterior podemos ver que cada vez que uno necesita abrir las llaves angulares y cerrar las llaves angulares y en medio poner el nombre del título. La apertura y el cierre angulares se aplican a casi todas las etiquetas del HTML .
Sección del cuerpo: en la sección del cuerpo, representa el cuerpo del documento web que generalmente contiene encabezados, texto, párrafos. Los encabezados comienzan con <heading> y terminan con </heading>. Entre esas etiquetas, podemos escribir cualquier contenido como «¿Qué es HTML?». El párrafo comenzaría con <p> y terminaría con </p>. Significa que el contenido del párrafo debe escribirse entre estas llaves angulares.
Características
- Como HTML es un lenguaje de marcado, proporciona una forma flexible de diseñar páginas web junto con el texto.
- Puede publicar fácilmente documentos en línea con encabezados, fotos, tablas, etc. y puede obtenerlos cuando lo desee.
- Los documentos HTML se pueden mostrar en cualquier plataforma, como Windows y Linux, etc.
- Se pueden crear múltiples ventanas en una página web para mostrar información de múltiples fuentes en diferentes ventanas.
- HTML es un lenguaje que no distingue entre mayúsculas y minúsculas, lo que significa que podemos usar sus etiquetas tanto en minúsculas como en mayúsculas.
¿Por qué aprender HTML?
- HTML es el marco que se utiliza para crear sitios web y si sabe cómo funciona, estará mucho mejor cuando se trata de diseño, marketing y varias otras profesiones.
- Para aquellos de ustedes que quieran convertirse en desarrolladores web profesionales, se requiere conocimiento de HTML porque es un elemento central en cualquier curso de desarrollo.
- Con la ayuda de HTML , puede ganar dinero en línea fácilmente, solo tendrá que encontrar docenas de trabajos independientes de HTML disponibles. También puede ganar más a medida que aprende más al agregar otras habilidades, como JavaScript, PHP, Photoshop y más a su currículum.
- HTML simplemente no es para hacer sitios web, son una fuente abierta/aceptada donde los datos se muestran correctamente en todos los navegadores que cumplen con el estándar y su contenido se puede ver durante mucho tiempo.
- HTML también ayuda a los autores de documentos a aplicar formato tipográfico, estructuración de documentos e inclusión de imágenes sin crear ninguna dificultad para el usuario y sin depender de especialistas en preparación de documentos para proporcionar el marcado.
Ventajas
- Todos los navegadores admiten HTML y es fácil de aprender, usar y modificar.
- Admite una amplia gama de colores, formatos y diseños, lo que ayuda a crear páginas web atractivas.
- Debido a las plantillas, facilita el diseño del sitio web.
- FrontPage, Dreamweaver y múltiples herramientas de desarrollo admiten HTML .
- HTML es el motor de búsqueda más amigable.
Desventajas
- HTML se puede utilizar para crear solo páginas planas o estáticas. Si uno quiere páginas de funcionalidad dinámica entonces HTML no es útil. Entonces, HTML no puede usarse para salida dinámica.
- A veces, la estructuración de HTML es muy difícil de entender.
- Para hacer un sitio web simple, se escriben varias líneas de código.
- Debido a las múltiples líneas de código para cosas más simples, aumenta la complejidad del tiempo y lleva más tiempo.
- Su error es costoso porque un pequeño error de escritura podría provocar que las páginas web no funcionen.
Publicación traducida automáticamente
Artículo escrito por abhipandot y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA