块级标签

块级标签特征

1. 总是在新行上开始

2. 高度，行高以及外边距和内边距都可控制

3. 宽度缺省是它的容器的100%

4. 可以容纳内联元素和其他块元素

标题标签

<!--标题标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

html

效果

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

水平线标签

<!--水平线标签-->
<hr>

html

效果

---

段落标签

<!--段落标签-->
<p>这个是段落标签</p>

html

效果

这个是段落标签

无序列表标签

<!--无序列表标签-->
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项n</li>
</ul>

html

效果

• 列表项1
• 列表项2
• 列表项3
• 列表项n

有序列表标签

<!--表有序列表标签-->
<ol type="A" start="1"> <!--写start可以指定从什么时候开始, 写type可以指定序号的样式-->
    <li>列表项1</li>
    <ol type="I" start="3900">
        <li>子列表项1</li>
        <li>子列表项2</li>
        <li>子列表项3</li>
    </ol>
    <li>列表项2</li>
    <li>列表项3</li>
    <li>列表项n</li>
</ol>

html

效果

1. 列表项1
3900. 子列表项1
3901. 子列表项2
3902. 子列表项3
2. 列表项2
3. 列表项3
4. 列表项n

表格标签

<!--表格标签-->
<table border="2"><!--border表示单元格边框大小-->
    <caption>表格的标题</caption> <!--表格的标题-->
    
        <thead><!--表格的头部-->
            <tr><!--表格头部中的行-->
                <th>列名1</th><!--表格头部中的列-->
                <th>列名2</th>
                <th>列名n</th>
            </tr>
        </thead>

    <tbody><!--表格的主体部分-->
        <tr><!--表格主体部分中的行-->
            <td>列1的值</td><!--表格主体部分中的列-->
            <td>列2的值</td>
            <td>列n的值</td>
        </tr>

        <tr>
            <td>列1的值</td>
            <td>列2的值</td>
            <td>列n的值</td>
        </tr>

        <tr>
            <td>列1的值</td>
            <td>列2的值</td>
            <td>列n的值</td>
        </tr>
    </tbody>

    <tfoot><!--表格的尾部-->
        <tr><!--表格尾部中的行，主要用于信息统计-->
            <td>统计项名称</td><!--表格尾部中的列-->
            <td>列1的值</td>
            <td>列n的值</td>
        </tr>
    </tfoot>

</table>

html

效果1 (正表格)

表格的标题

列名1	列名2	列名n
列1的值	列2的值	列n的值
列1的值	列2的值	列n的值
列1的值	列2的值	列n的值
统计项名称	列1的值	列n的值

效果2 (杂表格)

项目基本信息	项目基本概况	-9-	-9-	83	0.8	26.4
	团队基本概况	9	9
	资本市场认可度	9	9
	项目宣传推广力度	9	9
	项目热度	9	9
	小计	9	9
项目团队评估	创始人背景信息	-9-	-9-	83	0.8	26.4
	核心管理团队信息	9	9
	核心开发团队信息	9	9
	小计	9	9
项目方案评估	创始人背景信息	-9-	-9-	83	0.8	26.4
	核心管理团队信息	9	9
	核心开发团队信息	9	9
	小计	9	9
合计		240	240			240
项目得分						240

层标签

<div>
  <!-- 内容 -->
</div>

<!-- 示例 -->
<div>第一行</div>
<div>第二行</div>
<div>第三行</div>

html

效果

第一行

第二行

第三行

表单

<!--表单-->
<!--
    <form action="请求资源" method="请求方式">
        ...内容
    </form>
-->
<form action="b.html" method="get">
    <input type="b" value="提交"> <!-- 注: 这个 按钮是一个行级标签 -->
</form>

html

效果