基础标签(一)

标题标签
H1~H6 数字越大 字体越小 权重越低
段落标签

<p></p>	//独占一行

换行标签

<br/>

文字标签

<span></span> //赋予样式

加粗标签

<b></b>  //后期弱化使用
<strong></strong>	//其强调作用(有搜索引擎优化)

水平线(分割线)

<hr/>

下标、上标

<sub></sub>	//下标
<sup></sup> //上标

列表标签

无序列表

<ul>
	<li></li>
	<li></li>
</ul>

列表样式
list-style-type:; —type可省略
disc 实心圆
circle 空心圆
square 方块
none 清除
有序列表

<ol>
	<li></li>
	<li></li>
</ol>

type属性：阿拉伯数字、a、A、i、l
list-style:none —>一般取消
自定义列表

<dl>
	<dt>列表标题</dt>
	<dd>列表项<dd>
</dl>

图片标签

<img src="" alt="" width="px可省略" height="px可省略" title=""/>

图片类型：jpg(普通图片)、gif(动态图片)、png(透明图片—》不是所有的图片都是透明图)
图片四要素
1、路径(绝对路径、相对路径)
绝对路径：网络绝对路径，直接复制网上图片地址
本地绝对路径，从盘符出发、路径里面不要出现中文
相对路径:出门：…/
进门:/
2、描述
alt seo 图片加载有问题出不来，有提示作用
3、width、height
就写图片本身宽高，修改图片img属性时px可以省略----》大小用样式
4、title
提示图片(文字)
跳转标签

	<a href=" "></a>

url
指向地址(url)
发邮件时:href = “mail to +邮箱地址”
不想跳转时占位，不刷新/javascript:;
target = " "; _self默认在本网页打开 _blank 在新窗口打开
可以统一在head里设置 网页所有a标签跳转目的地
download
download(下载)=“名字(下载时显示的名字)”
锚点
1、可以跳转到网页任意位置
2、通过id名字(一般用id)

<div>
	<a href="#aaa">跳转到id为aaa的</a>
</div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>

3、通过name
盒子模型

<div></div>