06 HTML常用标签(1)

标题与段落

标题 -> 双标签 :<h1></h1> .... <h6></h6>
在一个网页中,h1标题最重要,并且一个.html文件中只能出现一次h1标签
h5、h6标签在网页中不经常使用
段落 -> 双标签 : <p></p>

文本修饰标签

强掉 -> 双标签 :<strong></strong>、<em></em>
    区别:
        1.写法和展示效果是有区别的,一个加粗,一个斜体
        2.strong的强调性更强,em的强调行稍弱
下标 :<sub></sub>
上标 :<sup></sup>
删除 :<del>
插入 : <ins>

图片标签及属性

img -> 单标签
    src :引入图片地址
    alt :当图片出现问题时,可以显示一段友好的文字
    title :提示信息
    width、height : 图片的大小

路径

相对路径
    .在路径中表示当前路径
    ..在路径中表示上一级路径
绝对路径
    http://2rds.cn

链接标签

a -> 双标签 <a></a>
    href属性 :链接的地址
    target属性 :可以改变链接打开的方式,默认情况下,当前页面打开_self 新窗口打开 _blank
base -> 单标签 :作用就是改变链接的默认行为的。

跳转锚点

实现一
    #号
    id属性
实现二
    #号
    <a>name属性

特殊符号

" " 空格符 &nbsp;
"<" 小于号 &lt;
">" 大于号 &gt;

列表标签

1.无序列表 -> ul li 符合嵌套规范
2.有序列表 -> ol li 一般用的比较少,可以用无序列表来实现
3.定义列表
    <dl> : 定义列表
    <dt> :定义专业术语或名词
    <dd> :对名词进行解释和描述
注:列表之间可以相互嵌套,形成多层级的链表

表格标签

table、tr、td、caption等
注:之间有嵌套关系,要符合嵌套规范
thead、tbody、tfoot语义化规范
发布了10 篇原创文章 · 获赞 2 · 访问量 165

猜你喜欢

转载自blog.csdn.net/weixin_44303986/article/details/103965970
06