HTML表格

最新推荐文章于 2022-10-23 13:46:23 发布

于爱林

最新推荐文章于 2022-10-23 13:46:23 发布

阅读量78

点赞数

本文链接：https://blog.csdn.net/pifeng8010/article/details/115873668

版权

HTML表格

这周我们学习了HTML列表。

无序列表

这是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用

标签

小练习：

<ul>
<li>男生</li>
<li>女生</li>
</ul>

有序列表

有序列表始于

标签。每个列表项始于
标签。

<ol>
<li>春</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ol>

HTML自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。每个自定义列表项以

开始。每个自定义列表项的定义以

开始。

<dl>
<dt>春</dt>
<dd>-春暖花开</dd>
<dt>秋</dt>
<dd>- 秋高气爽</dd>
</dl>

HTML样式创建-CSS

内联样式- 在HTML元素中使用"style" 属性。

内部样式表 -在HTML文档头部区域使用

外部引用 - 使用外部 CSS 文件。

定义一个元素的背景颜色：

<body style="background-color:yellow;">
<h2 style="background-color:red;">这是一个标题</h2>
<p style="background-color:green;">这是一个段落。</p>
</body>

HTML区块

元素是块级元素，它可用于组合其他 HTML 元素的容器。

元素的另一个常见的用途是文档布局。元素是内联元素，可用作文本的容器

HTML布局

div 元素是用于分组 HTML 元素的块级元素。

</head>
<body>

<div id="container" style="width:500px">

<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">主要的网页标题</h1></div>

<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>菜单</b><br>
HTML<br>
CSS<br>
JavaScript</div>

<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
内容在这里</div>

<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
版权 © runoob.com</div>

</div>

</body>