streamlit_html_example.py
· 406 B · Python
原始檔案
import streamlit as st
st.title("嵌入 HTML 的範例")
html_code = """
<div style="border: 2px solid #4CAF50; padding: 10px; border-radius: 5px;">
<h2 style="color: #4CAF50;">這是一個 HTML 區塊</h2>
<p>你可以在這裡嵌入 HTML, CSS, 甚至 JavaScript。</p>
<button onclick="alert('Hello, Streamlit!')">點擊我</button>
</div>
"""
st.components.v1.html(html_code, height=200)
| 1 | import streamlit as st |
| 2 | |
| 3 | st.title("嵌入 HTML 的範例") |
| 4 | |
| 5 | html_code = """ |
| 6 | <div style="border: 2px solid #4CAF50; padding: 10px; border-radius: 5px;"> |
| 7 | <h2 style="color: #4CAF50;">這是一個 HTML 區塊</h2> |
| 8 | <p>你可以在這裡嵌入 HTML, CSS, 甚至 JavaScript。</p> |
| 9 | <button onclick="alert('Hello, Streamlit!')">點擊我</button> |
| 10 | </div> |
| 11 | """ |
| 12 | |
| 13 | st.components.v1.html(html_code, height=200) |
| 14 |