1.标题标记
h1~h6标签对,h1最大h6最小,独占一行在SEO中比重较大
2.段落标记
p标签对,独占一行
3.换行:br单标签
4.文本标记
<b>加粗的字</b>;<i>倾斜的字</i>;<u>带下划线的字</u>
5.强调标签
<strong>加粗的字,SEO排名靠前</strong>;<em>倾斜的字</em>;<ins>带下划线的字</ins>
6.列表
有序:ol、li两个标签组合使用,ol里面包含li(type:切换序号,1/a/A/I/i start:设置开头序号,数字)
无序:ul、li组合使用,ul包含li(type切换符号:disc(圆点)/circle(圆圈)/square(实心方块))
自定义:dl、dt、dd组合使用,dl包含dt(类似于标题)和dd(具体描述),dt和dd是兄弟标签【通常在电商网站的最底下】
7.超链接
<a href="目标文件的路径,目标网址" target="" title="当鼠标悬浮到链接上的时候,显示title属性的值"></a>
# target的取值:
#_blank:跳转到一个新的窗口页面
#_self:在原页面的窗口中打开新页面
内部链接:在计算机本地进行跳转
外部链接:在外网中进行跳转,需要一个https://---协议
下载链接:当浏览器无法解析目标文件的时候,进行下载操作
空白链接:href属性的值是#,###
锚点链接:应用于回到顶部top,直达底部
<a href="#自定义名字"></a>
目标地点:<标签 id="上面自定义的那个名字"></标签>------不一定都是双标签,单标签也是可以的
8.图片
<img src='图片的源文件的路径' alt='当图片无法显示的时候,将alt后面的文字显示在图片的位置上' title='当鼠标放到图片位置的时候显示提醒性文字' width='' height='' />
9.pre预排版标记
在pre标签中,可以识别换行和空格(在PHP打印结果的时候会用到)
10.<header> 标记定义一个页面或一个区域的头部
11.<nav>标记定义导航链接
12.<article>标记定义一篇文章内容
13.<section>标记定义网页中一块区域
14.<aside>标记定义页面内容部分的侧边栏
15.<footer>标记定义一个页面或一个区域的底部