html超文本标记语言学习笔记(标题标签/水平线标签/特殊字符/列表标签)Day2

Day2

1.标题标签

  • <h1></h1> <h2></h2> <h3></h3>....<h6></h6>
  • 从h1到h6,大小是依次变小,同时会自动换行

2.水平线标签

  • <hr/>
  • 属性:
  • size:水平线的粗细 取值范围1-7
  • color: 颜色
  • 代码
  • <hr size="5" color="blue"/>

3.特殊字符

  • 想要在页面上显示这样子的内容<html>
  • 需要对特殊字符进行转义
  • < : &lt;
  • > : &gt;
  • 空格 : &amp;
    (其他字符需要使用时查询即可)

4.列表标签
(1)<dl></dl>:表示列表范围

  • 在dl里面 <dt></dt>:上层内容
  • 在dl里面<dd></dd>:下层内容
<dl>
	<dt>学校</dt>
	<dd>教务部</dd>
	<dd>事务部</dd>
	<dd>财务部</dd>
</dl>

输出结果:
在这里插入图片描述
(2)<ol></ol> :有序列表的范围

  • 属性:type :设置排序的方式 1(默认)、a、i
  • 在ol标签里面:<li>具体内容</li>
<ol>
	<li>教务部</li>
	<li>事务部</li>
	<li>财务部</li>
</ol>

输出结果:
在这里插入图片描述

<ol type="a">
	<li>教务部</li>
	<li>事务部</li>
	<li>财务部</li>
</ol>

输出结果:
在这里插入图片描述

<ol type="i">
	<li>教务部</li>
	<li>事务部</li>
	<li>财务部</li>
</ol>

输出结果:
在这里插入图片描述
(3)<ul></ul>:表示无序列表的范围

  • 属性:type:circle(空心圆)、disc(实心圆,默认)、square(实心方块)
  • 在ul里面<li></li>
<ul>
	<li>教务部</li>
	<li>事务部</li>
	<li>财务部</li>
</ul>

输出结果:
在这里插入图片描述

发布了21 篇原创文章 · 获赞 1 · 访问量 649

猜你喜欢

转载自blog.csdn.net/weixin_43873121/article/details/104874015
今日推荐