martes, 30 de mayo de 2023

2 tipos de enlaces

Enlaces intradocumentales: Enlaces a contenido de la misma página

Enlaces extradocumentales: Enlaces a contenido de otras páginas html del mismo u otro servidor.

La etiqueta <a> define al enlace.

<a>enlace<a>

Enlace intradocumental.

Enlace

Destino

El atributo id se puede usar en cualquier etiqueta

Ojo con el michi (#) que se pone cuando escribes un enlace.

Enlace extradocumental

Enlace a otro documento

Enlace a un punto de otro documento

Se combinan los dos métodos

Enlace

Destino

lunes, 22 de mayo de 2023

Gramática de HTML

Reglas que se deben de seguir en todos los HTMLs

Siempre documentos tienen que estar bien formados.
Escribir las etiquetas siempre con letras minúsculas.
Los valores de los atributos siempre van entre comillas.
Para los nombres de los ficheros solo usa letras mayúsculas del alfabeto inglés, minúsculas, números, guión y guión bajo.
La extensión de las páginas web es .htm o .html

Creación de Listas

Las etiquetas para crear listas son <ol> para listas ordenadas y <ul> para listas desordenadas. <li> se usa para declarar los valores de la lista. Si solo se usa <li> para una lista será ejecutada como lista desordenada. Se pueden crear listas dentro de listas respetando la gramática de HTML.

<ol><li>Siempre documentos tienen que estar bien formados.</li>

<li>Escribir las etiquetas siempre con letras minúsculas.</li>

<li>Los valores de los atributos siempre van entre comillas.</li>

<ul><li>Comillas simples</li><li>Comillas dobles</li></ul>

<li>Para los nombres de los ficheros solo usa letras mayúsculas del alfabeto inglés, minúsculas, números, guión y guión bajo.</li>

<li>La extensión de las páginas web es .htm o .html</li></ol>

La etiqueta <ol> tiene la posibilidad de variar el númerado por letras o números romanos, utilizando el atributo "type", y voltear el conteo utilizando "reverse"

Listas de descripción

<dl> Lista de descripción.

<dt> son los terminos de la lista.

<dd> son descripciones de algún término de la lista.

HTML primer acercamiento

<html> Etiqueta principal (raíz)

<head> cabecera, metadatos

<title> título de la página

<body> cuerpo, contenido visible

<h1>,...<h6> encabezados o títulos

<p> párrafos de texto

<strong> texto destacado

<em> texto enfatizado

Primera página creada (utilizando el bloc de notas)

<html>

<head>

<title>Somos los mejores</title>

</head>

<body>

<h1>Somos los putos amos</h1>

<h2>Dato curioso o.o.</h2>

<p>El padre de la web, <strong>Tim Berners-Lee</strong>, es también el padre del lenguaje HTML y un puto amo.</p>

<h2>Otro dato curioso o.o.</h2>

<p>El lenguaje HTML está estandarizado por el W3C, el <em>World Wide Web Consortium</em>.</p>

</body>

</html>

El siguiente paso fue usar Notepad++ para editar el código.

Este software tiene herramientas que facilitan la escritura pero complicaciones con algunos complementos que requieren una serie de pasos adicionales para solucionarlos.

Para ejecutar correctamente un código es necesario que este se encuentre guardado.

viernes, 19 de mayo de 2023

Nuevas pruebas

Hola tío

¿Sabias que puedes encontrar imágenes satelitales en la página web llamada LANDVIEWER de EOS Data Analytics?

Imagen subida desde URL

Vamos practicando

HOLA

Seguimos probando, siguiendo el curso de google.

Pronto aprenderemos HTML

Hola2

Dejando espacio, cambiando el formato y tamaño de letra.

Hola 3

Mi panaaaaaa

Hola
mi
pana

Hola
mi
pana

Esto es una cita textual; mi pana, sale en formato especial.

Episodio 1

Este blog es un espacio para compartir conocimiento forestal a la par de ir a aprendiendo a desarrollar páginas web.

En algún momento lo haremos público...

El Blog del Bosque