PROGRAMANDO CON HTML
PROGRAMANDO CON HTML
HTML, cuyas siglas significan Lenguaje de Marcado de
Hipertexto (Hypertext Markup Languaje), es un lenguaje bastante simple.
Consiste en el uso de distintos elementos (etiquetas y atributos) que
utilizamos para estructurar una página web. no distinguen entre mayúsculas y
minúsculas , esto significa que se pueden escribir en minúscula o mayúscula,
pero se recomienda que escribas todo en minúscula.
Los atributos contienen información adicional acerca de la etiqueta, si no lo usas probablemente no aparezca la orden que deseas.
<img src="https://images.unsplash.com/photo"
width="50">
En el ejemplo de arriba, la etiqueta <img> tiene 2 atributos: src u origen para especificar la ruta de la imagen, y width para especificar el ancho de la imagen en pixeles.
Lo que debes tener en cuenta:
- Hay un espacio entre atributo y el nombre de la etiqueta
- Los atributos se agregan en la etiqueta de apertura
- Las etiquetas pueden tener varios atributos
- Los atributos tienen un nombre y un valor: nombre=“valor”
Pero no todos los atributos tienen el mismo patrón. Algunos
pueden existir sin valores y les decimos Atributos Booleanos:
<button
onclick=“alert('Submit')" disabled>Button</button>
En este ejemplo, si queremos desactivar el botón, lo único
que tenemos que hacer es pasar un atributo disabled sin ningún valor. Esto
significa que la presencia del atributo representa el valor verdadero, de lo
contrario, la ausencia representa el valor falso.
Por lo tanto, antes de trabajar con HTML, piensa sobre la estructura de diseño que te gustaría tener, puedes dibujarla en un papel o en tu mente, consulta sobre que etiquetas y atributos puedes utilizar. Será de mucha ayuda.
ACTIVIDAD EN CLASE
1. Crear una pagina web como aparece en este ejercicio.
¿Cómo crear un documento HTML?
Primero, abramos tu editor de código favorito (bloc de
notas, Visual Studio Code entre otros). En la carpeta que elijas, crea un nuevo
archivo y dale el nombre de index.html.
Copia lo siguiente y veras que sucede:
<!DOCTYPE
html>
<html
lang="en">
<head>
<title>Document</title>
</head>
<body>
Espacio para
escribir el contenido de la pagina.
</body>
</html>
Esto es el código mínimo que un documento HTML debe tener para armar un sitio web. Aquí tenemos:
<!DOCTYPE html>: Primero tenemos Doctype. Por alguna extraña razón histórica tenemos que incluir el doctype para que todo funcione correctamente.
<body></body>:
El elemento <body> contiene todo el contenido en la página.
2. Consulta sobre 10 etiquetas mas que puedas incluir, escribe para que sirve cada una y si es necesario adicionar un atributo.
3. Crea una pagina web sobre un tema de interés tecnológico e informático de la actualidad.
Comentarios
Publicar un comentario