001-html常见的标记

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>标记定义一个页面或一个区域的底部

posted @ 2021-03-24 11:30  鲲尘轻杳  阅读(173)  评论(0编辑  收藏  举报