Cherub

html

最近更新：2024-12-15 | 字数总计：286 | 阅读估时：1分钟

记录在Markdown写作过程中能使用到的html语法。

在HTML中，div标签用于定义文档中的分区或节

可以将相关的元素组合在一起，进行整体的样式设置或布局控制

<div style="background-color: lightgray;">
    <h2>标题</h2>
    <p>这是一段文本。</p>
</div>

包含其他HTML元素，方便对一组元素进行统一操作

<div>
    <img src="image.jpg" alt="图片">
    <p>图片描述</p>
</div>

通过CSS媒体查询，根据不同的屏幕尺寸为div应用不同样式

<div class="small-screen">
    <!-- 小屏幕显示的内容 -->
</div>
<div class="large-screen">
    <!-- 大屏幕显示的内容 -->
</div>

通过 JavaScript 可以方便地获取和操作 div 元素及其包含的内容。

例如，以下代码通过 JavaScript 改变 div 的文本内容：

<div id="myDiv">初始内容</div>
<script>
    var div = document.getElementById("myDiv");
    div.innerHTML = "新的内容";
</script>

2024-12-15 该篇文章被 cherub 打上标签: html 归为分类: 写作