Cordiales Saludos
Hoy veremos un estilo que utilizaremos mucho al momento de diseñar nuestra web. A veces lo usamos para ubicar cada elemento y que elemento interviene en el diseño. En algunas ocaciones dejaremos el borde, porque es lo que queremos y en otro momento después de ver como queda nuestro elemento en la web lo eliminamos porque no queremos que aparezcan los bordes.
El estilo border lo podemos usar en cualquier elemento, y un ejemplo de este formato es: style="border: 1px solid black" La propiedad border tiene tres valores, donde el primer valor 1px: es el ancho del borde (podemos cambiar el número); el segundo valor solid es el tipo de linea (también podemos cambiar valor) como por ejemplo linea, punteada, discontinua, etc. y por último el tercer valor black nos da el color el cual igualmente lo podemos cambiar.
En el siguiente ejemplo le aplicamos tres estilos diferentes de borde a cada párrafo. Poniendole interés en la capture veremos el comportamiento de: border. Aquí cada elemento de párrafo tiene estilos diferentes.
Ahora vamos a colocar el estilo de borde en el head. Esta forma influirá sobre todos los párrafos que estén en el body.
Si queremos que un párrafo en particular tenga un estilo de borde diferente, sobre éste aplicamos el nuevo estilo. Este tipo de acción prevalecerá sobre el estilo de párrafo global.
Tambien podemos aprovechar un estilo de borde para colocarlo en varios elementos, en esta oportunidad agregamos el elemento div donde ya teníamos el elemento párrafo.
Como ejercicio tenemos la tarea de colocarle un estilo de borde a un elemento h3. Corresponde ahora practicar para que cada día nos familiaricemos con toda la sintaxis utilizada en HTML.
Vamos a extrar en esta oportunidad una parte o sector de una fotografía con nuestor editor de imágenes favorito: gimp.
En la publicación anterior realizamos el mismo ejercicio pero con el programa inkscape.
Comencemos. Primeramente entramos a gimp.
Aquí ya tenemos nuestra imagen en nuestro directorio de trabajo de esta publicación.
Observación: Ya habíamos visto como se realiza esta acción en la publicación anterior con el programa Inkscape
El README.md nos permite escribir en él todo lo relacionado con nuestro proyecto: Autor; de que trata; Si es un proyecto indiviual o es colectivo; si puedes contribuir en él y como realizarlo y toda información de interés.
Está generalizado este nombre: README, en español léame. Por tanto es el primer archivo que debemos leer de cualquier proyecto.
Posee la extención .md, lo cual quiere decir que es un archivo en formato Markdown . Cada día vamos aprendiendo nuevos conceptos para nuestra formación en Desarrollo Web.
Puedes leer más acerca del formato de archivo Markdown en: https://es.wikipedia.org/wiki/Markdown.
Es importante aclarar que se pueden crear al mismo tiempo tanto el archivo .gitignore y README.md con: touch .gitignore README.md El archivo .gitignore lo tratamos en la publicación anterior.
Hoy creamos README.md como un archivo vacío, mas adelante lo actualizaremos. Veamos la siguinete captura de pantalla
A continuación actualizaremos nuestro repositorio local.
📌 N07. ✅ Reinicio ➕ Geany
📌 N08. Metadatos - head
📌 N09. head (favicon - estilos - scripts)
📌 N10. Atributo HTML style
📌 N11. HTML Links
📌 N12. HTML Images
📌 N13. El elemento div
Mi twitter
Nos vemos en una próxima entrega!
Rafael Aquino
