martes, 4 de septiembre de 2018

Tp N° 3 -AAT HTML Conceptos básicos- Etiquetas body, head, title, html, doctype

Programación web - Tp N° 3 - HTML - Conceptos básicos




                                                  Photo by Goran Ivos on Unsplash



1- ¿Qué es HTML?

HTML (HyperText Markup Language) es un lenguaje de marcado que se utiliza para crear y estructurar páginas web. Permite definir elementos como textos, imágenes, enlaces, tablas, formularios, entre otros.


2- ¿HTML se considera un lenguaje de programación? ¿Por qué?

No, HTML no es un lenguaje de programación.

Esto se debe a que no tiene lógica de programación como condicionales, bucles o variables. No ejecuta instrucciones, sino que se utiliza para estructurar el contenido de una página web. Por eso se lo considera un lenguaje de marcado.


3- Explicar el uso de etiquetas, dando algunos ejemplos

Las etiquetas HTML se utilizan para indicar al navegador cómo debe interpretar el contenido.

Generalmente están formadas por una etiqueta de apertura, contenido y una etiqueta de cierre.

Ejemplos:

<p>Esto es un párrafo</p> <h1>Título principal</h1> <a href="https://google.com">Ir a Google</a> <img src="imagen.jpg" alt="Descripción de la imagen">

En estos ejemplos:

  • <p> define un párrafo
  • <h1> define un título
  • <a> define un enlace
  • <img> define una imagen (no tiene etiqueta de cierre tradicional) 
Los atributos proporcionan información adicional o configuración específica sobre un elemento. Siempre se definen dentro de la etiqueta de apertura y suelen seguir el formato nombre="valor".

4- Graficar la estructura de una página web

Ejemplo de código:

<!DOCTYPE html> <html> <head> <title>Mi página</title> </head> <body> <h1>Hola mundo</h1> <p>Mi primera página web</p> </body> </html>

Representación de la estructura:

html
├── head
│ └── title
└── body
├── h1
└── p


5- ¿Los navegadores muestran las etiquetas HTML?

No. Los navegadores interpretan las etiquetas HTML pero no las muestran. Solo se visualiza el contenido.

Ejemplo:

<p>Hola</p>

Se muestra como:
Hola


6- ¿Qué representa la declaración DOCTYPE? Dar un ejemplo

La declaración <!DOCTYPE html> indica al navegador el tipo de documento y la versión de HTML que se está utilizando.

Ejemplo:

<!DOCTYPE html>

Esto indica que el documento está escrito en HTML5.


7- ¿Cuál es la última versión de HTML? ¿Qué organismo se encarga de su estandarización?

La última versión es HTML5 (en evolución constante).

El organismo encargado de su estandarización es el W3C (World Wide Web Consortium).

Ejercicios


 1 - Nombrar 5 entornos de desarrollo para trabajar en la creación de páginas web.

 2 - ¿Con cuál de ellos le gustaría trabajar  en este curso? ¿Por qué?

 3- Crear la estructura básica en HTML de las 10 páginas que diseño en los ejercicios anteriores(con solo las etiquetas html, head, title, body, doctype, html)


fuentes:

https://www.w3schools.com/html/html_intro.asp

https://www.w3schools.com/html/html_editors.asp

https://www.w3schools.com/html/html_basic.asp

https://www.w3schools.com/html/html_elements.asp

https://www.w3schools.com/html/html_attributes.asp


No hay comentarios:

Publicar un comentario