¿Qué es ETIQUETAS?
Enviado por ivider • 15 de Septiembre de 2022 • Informes • 968 Palabras (4 Páginas) • 50 Visitas
MODULO III: CONSTRUYE PAGINAS WEB[pic 1][pic 2]
ETIQUETAS
IVÁN BAUTISTA MATIAS
101
COLEGIO DE ESTIDIOS CIENTIFICOS Y TECNOLOGICOS DEL ESTADO DE MÉXICO
TECNICO EN PROGRAMACIÓN
€Ω
¿Qué es ETIQUETAS?
Significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language), creado por Tim Berners-Lee. Es el elemento de construcción más básico de una página web.
ETIQUETAS es el lenguaje con el que se "escriben" la mayoría de páginas web.
Es un estándar reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium, más conocido como W3C.
Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma página ETIQUETAS se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo.
ETIQUETAS5
Es la quinta revisión más importante que se hace al lenguaje ETIQUETAS. En esta versión, se introducen nuevas características para ayudar a los autores de aplicaciones Web, y se ha prestado especial atención a la definición de claros criterios de conformidad para los agentes de usuario (navegadores) en un esfuerzo por mejorar la interoperabilidad.
El primer documento ETIQUETAS
Las páginas ETIQUETAS se dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye información sobre la propia página, como por ejemplo su título, su idioma, idioma, autor, palabras clave (información que no se verá en la pagina). El cuerpo de la página incluye todos sus contenidos, como párrafos de texto, imágenes, videos, hipervínculos.
[pic 3]
Figura 1. Esquema de las partes que forman un documento ETIQUETAS
El cuerpo (llamado body en inglés) contiene todo lo que el usuario ve en su pantalla y la cabecera (llamada head en inglés) contiene todo lo que no se ve (con la única excepción del título de la página, que los navegadores muestran como título de sus ventanas).
[pic 4]
Figura 2. Esquema de las etiquetas principales que contiene un documento ETIQUETAS
Volviendo al código ETIQUETAS del primer ejemplo, es importante conocer las tres etiquetas principales de un documento ETIQUETAS (<!DOCTYPE ETIQUETAS>, <head>, <body>):
Antes de continuar, es importante indicar la definición de una etiqueta:
Etiqueta: Estructuras básicas de ETIQUETAS en el que se escriben las páginas web porque es el que entienden los navegadores. El formato de una etiqueta ETIQUETAS es un fragmento de texto encerrado entre corchetes angulares < >, y cada elemento ETIQUETAS tiene una etiqueta de inicio del tipo <etiqueta> y suele terminar con una etiqueta de cierre que lleva una barra inclinada al principio </etiqueta>.
Ahora vamos a explicar las etiquetas principales que componen un documento ETIQUETAS:
- <!DOCTYPE ETIQUETAS> </ETIQUETAS>: indica el comienzo y el final de un documento ETIQUETAS5. Ninguna etiqueta o contenido puede colocarse antes o después de esta etiqueta. En el interior de la etiqueta <!DOCTYPE ETIQUETAS> </ETIQUETAS> se definen la cabecera y el cuerpo del documento ETIQUETAS y todo lo que se coloque fuera de ella se ignora.
<!DOCTYPE ETIQUETAS>
</ETIQUETAS>
- <head> </head>: delimita la parte de la cabecera del documento. Sin embargo, quiero mencionar que <head> puede ofrecerle información muy útil al navegador. Aquí puedes introducir otros códigos como Javascript o CSS.La cabecera contiene información sobre el propio documento ETIQUETAS, como por ejemplo su título, idioma, quién lo creo, autor. Los contenidos indicados en la cabecera no son visibles para el usuario, con la excepción de la etiqueta <title> </title>, que se utiliza para indicar el título del documento y que los navegadores lo visualizan en la parte superior izquierda de la ventana del navegador:
[pic 5]
<!DOCTYPE ETIQUETAS>[pic 6]
<head>
<meta charset=”UTF-8”>
<title>Mi primer página web</title>
</head>
</ETIQUETAS>
- <body> </body>: delimita el cuerpo del documento ETIQUETAS. El cuerpo encierra todos los contenidos que se muestran al usuario (párrafos de texto, imágenes, tablas). En general, el <body> de un documento contiene cientos de etiquetas ETIQUETAS, mientras que el <head> no contiene más que unas pocas.
<!DOCTYPE ETIQUETAS>
...