Trucos: html

1 Trucos

1.1 Enlaces

• Para que los enlaces se abran en pestaña nueva has de poner {target="_blank"}

1.2 Añadir iframe

Para añadir (en un documento .qmd) un iframe que contenga una web, se puede hacer de varias formas:

• con knitr::include_url()

```{r}
#| echo: true
knitr::include_url({"https://quarto.org/docs/guide/"})
```

• con <iframe>: La página que se incrusta se especifica mediante el atributo src del elemento iframe. Por ejemplo, este fragmento creará un marco de 500 píxeles de ancho y 300 píxeles de alto donde se situará una página web. Dos ejemplos:

<iframe src="https://quarto.org/" title="https://quarto.org/" width="960" height="500" data-external="1"></iframe>

<iframe src="https://www.uv.es/" loading="lazy" style="width: 90%; height: 100px; border: 0px none;"></iframe>

1.3 Cuadro de texto con fondo de color

• Lógicamente se puede hacer con css

<style> div.pink { background-color:pink; border-radius: 5px; padding: 20px; height: 100px; width: 50%;} </style> <div class = "pink">
Cuadro rápido de texto
</div>

Cuadro rápido de texto