一.标题(从大到小)
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
⚠️每一对标题标签都会自动另起一行
1.
设置标题的对齐方式(居中,居左,居右)
例子:<h1 align = “center”> (居中显示)
“left” = 居左 “right”居右
2.字体 <font></font>
3.换行标签(单标签)<br/>
4.水平线<hr/>(默认效果为居中)有 align 这个属性
width属性 例子:width = “100” (固定值)
width = “90%” (占据窗口的百分比)
5.段落标签
<p></p> 也有align属性 (默认居左显示)
段落的对齐方式体现在最后一行
6.实体化标签
空格 (不同浏览效果不一样)
小于号 <
大于号 >
例子:&liPHP>
7.语义化
<i>斜体</i>(斜体标签)
<b></b>(加粗标签)
强调标签<em></em>表现形式:斜体
<strong></strong>表现形式:粗体
字号大小
<big></big> <small></small>
下划线
<u></u>
删除线
<s></s> <del></del>(推荐)
上下标
<sup></sup> 上标
<sub></sub> 下标
<div></div>块计标记(盒模型)
<span></span>行级标记
预格式化标签
<pre></pre>
8.图片
<img src = “图片路径” alt = “文本替换图片” title = “鼠标放在图片上显示的文本” align = “"/>(单标签)
align属性针对周边文本对齐
绝对路径:只要有网都能访问得到
相对路径:参考点:当前页面或者说当前客户端在或者说当前电脑
相对路径又分为 ./1.jpg(同级) ../1.jpg(上级目录) ../../1.jpg(上上级目录)
9.链接
<a></a>
<a href = “http://www.baidu.com">百度</a>
空链接<a href = “#”>百度</a>
<a href = “#” target = “_blank”>百度</a>(在新窗口打开)
<a href = “#” target = “_self”>百度</a>(在当前窗口打开)
锚点
1.抛锚 (命名)
<a name = “top”>顶部</a>
2.找到锚(找到)
<a href = “#top">回到顶部</a>
跨页面的锚怎么找
news_info.html
<a name = “top”>顶部</a>
a.html
<a href = “news_info.html#top">回到顶部</a>