1.标题元素
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
特点:
①独占一行
②粗体显示
③调整字体大小
④自带上下外边距
属性:
①align 水平对齐方式
取值:left左(默认值)/center居中/right右
2.水平线
<hr>
属性:
①color 颜色
②width 宽度
取值:npx像素点,n%占父元素的百分比
③ size 粗细
取值:npx(像素点)
3.段落元素
<p></p>
特点:
①独占一行
②自带上下"外边距"
属性:
①align 水平对齐
取值:left左(默认值)/center居中/right右
4.块分区元素
<div></div>
特点:
①独占一行
属性:
包裹其他元素,对页面进行分区.
5.列表元素
5.1有序列表
<ol></ol>有序列表容器 <!-- order顺序list列表 -->
<li></li>列表项 <!-- list列表item条目 -->
ol的属性:
①style 列表项的前导符
取值:
1 阿拉伯数字(默认值)
a 小学英文字母
A 大写英文字母
i 小写罗马数字
I 大写罗马数字 规则如下
I 表示1,V表示5,X表示10
I 最多写三个,
I 写在V或者X的左边表示-1
I 写在V或者X的右边表示+1
②start 前导符的起始字符
取值:自然数 如:3 表示从字符列表中的第三个字符开始
5.2无序列表
<ul></ul>无序列表的容器 <!-- unorder无序列表list列表 -->
ul的属性:
①type 列表项的前导符
取值:
①disc 实心圆点(默认值)
②circle 空心圆
③square 实心方块
④none 无前导
6.文本样式
<b>粗体</b> <!-- bold粗体 -->
<i>斜体</i> <!-- italic斜体 -->
<s>贯穿线</s> <!-- strike贯穿 -->
<u>下划线</u> <!-- underline下划线 -->
<span>行分区元素</span> <!-- span跨越 -->
作用:包裹其他行内元素,或文字,本身没有任何效果
<sup>上标</sup>
<sub>下标</sub>
7. 特殊符号
格式:
&xxxx;
例如:
①空格 <!-- new新blank空白space空间 -->
②大于> <!-- great大than比 -->
③小于< <!-- less少than比 -->
④版权© <!-- copyright版权 -->
⑤注册®<!-- register注册 -->
⑥乘号× <!-- times乘以,翻倍 -->
⑦人民币¥
前端的基础
最新推荐文章于 2024-07-14 18:10:31 发布