HTML

En esta entrada vamos a tratar sobre el HTML, que es un lenguaje marcador, que no un lenguaje de programación como el Java por ejemplo. Está presente en todas las páginas web, y gracias a los navegadores podemos ver su código. Yo miré el código de una entrada de mi blog, la de la obsolescencia programada, e intenté buscar unas de las principales etiquetas del HTML: <head></head>, <title></title> y <body></body>. Esas etiquetas solo son una pequeña parte de las que existen, y en esta página e pueden ver  muchas más etiquetas de html. algunas las encontré juntas en una captura, pero para otras necesité dos.

Actividad 1


Encontramos <head> justo al principio del documento, solo debajo de <html>, que es lo primero que tiene que haber.


</head> estaba algo más abajo, y marca el final de <head>.


<body> se encuentra al principio del cuerpo del documento.

 
</body> se encuentra al final del documento, justo al lado de </html>

 En esta captura encontramos <title> y </title>, en el título de la entrada.

Actividad 2

Esta actividad consiste en editar una página web a tu gusto cambiándole detalles utilizando el HTML de la página. Yo utilice esta página como inicial: https://www.mediamarkt.es/es/product/_apple-iphone-12-negro-64-gb-5g-6-1-oled-super-retina-xdr-chip-a14-bionic-ios-1492253.html

Se veía así:

Y utilizando la herraminta de X-ray acabó así:

 

Para hacer esto cambié texto, cambié una imagen, y en la parte donde puse ":)" tuve que insertar yo mi propio código: "<p>:)</p>", ya que no me dejaba cambiarlo. Así quedó finalmente

Comentarios

Publicar un comentario

Entradas populares de este blog

GIMP: CORRECCIÓN Y EDICIÓN DE COLOR DE FOTOGRAFÍAS

Imagen
 Actividad 08 Para completar esta actividad tendremos que utilizar la herramienta de desaturación, que nos permite pasar una foto de color a una foto a una escala de grises y negros. En GIMP, hay tres métodos que nos permiten desaturar una imagen: claridad, luminosidad y media. Cada uno de ellos convierte los colores de la imagen original a escala de grises de diferentes formas, para que podamos obtener diferentes resultados.Partimos de esta imagen  de Doniños: Aquí podemos ver los resultados: en la primera imagen se utilizó el método de la claridad, en el segundo la de luminosidad y el el tercero, media. Claridad Luminosidad media Aunque a primera vista no se pueden diferenciar muy bien, si hacemos un GIF con la tres imágenes se ve mucho mejor. Actividad 09 En esta actividad lo que vamos a hacer es utilizar la herramienta de niveles, que se puede utilizar para arreglar fotografías que estén sobreexpuestas (demasiada luz), o subexpuestas (muy poca luz). Lo que vamos ...
Leer más

TAREFA 15.- MARCAPÁXINAS DO DÍA DAS LETRAS GALEGAS

Imagen
 Con motivo da celebración das letras galegas, imos facer unha especie de marcapáxinas rememorando este festivo. Ademais, xa que este ano a galardonada será Xela Arias, e será preferible que o marcapáxinas trate de algo sobre a súa persoa. exemplo a seguir:    Fixemos dous marcapáxinas diferentes, xa que un o fixen importando unha imaxe en formato .svg directamente. Entón, para comeza, hai que facer un rectángulo con radio (para que non teña esquinas). Logo agrupalo con outro rectángulo oco para deixar o oco no medio, e por último metemos outro rectángulo por encima, que sería o que iría por detrás da folla , soportando o marcapáxinas desta forma. Con isto xa teríamos o corpo feito e só nos faltaría a parte "creativa". A partir deste corpo fixemos dous deseños diferentes, un no que importamos directamente un arquivo .svg, fixémolo oco e o metimos nun rectángulo. Puxen unha lingua que representa alingua galega e a súa importancia. Así quedou. Este non se puido imprimir deb...
Leer más

TAREA 13.- DISEÑO LOGOTIPO INSTITUTO

Imagen
El término “logo” se deriva de la palabra griega “logos”, que significa “palabra” y es la representación visual de la marca y con la cual la identificamos otorgándole reconocimiento. Un logo es una de las partes más importante de la marca, ya que es lo primero que verá el cliente, y ya empezará a formar una opinión de la marca a partir de eso. Para que un logo llame la atención tiene que ser original, tiene que llamar la atención. El principal objetivo de un logo es que el cliente se quede con el, y que reconozca el logo con la marca. El logo tiene que intentar transmitir los valores de la propia marca. Por ejemplo, Canon. En el caso de Canon, la "O" en el logotipo puede representar la tapa del objetivo de una cámara. El logotipo original de la empresa era una representación de la diosa budista de la misericordia, Kannon. Después del éxito comercial en 1935, la empresa comenzó la producción a gran escala y cambió la marca a Canon. Otro ejemplo de la importancia de los logos e...
Leer más