html常用标签

2019-10-18 08:38:49来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

html常用标签

常用的HTML标签:

标题标签: <h1></h1> ....... <h6></h6> 一级标题到六级标题
特点:文字加粗,每一个标题都有自己的文字大小,每一个标题都单独占据一行
段落标签: <p></p>
特点:单独占据一行,段与段之间有一个字符大小的间隔
水平线标签: <hr>
强制换行 <br>

加粗标签
b 加粗 没有语义化
strong 加粗 具有语义化
倾斜标签
i 倾斜 没有语义化
em 倾斜 具有语义化

上标和下标
sup 上标
sub 下标

图片
img
属性: src 图片的路径 ./代表当前目录 每一次向下查找目录需要用/来查找 如果想要返回上一级目录../
alt 当图片无法加载时给用户的提示文字,用来告知用户这张图片的大概意思
title 当鼠标放入图片时,给用户的提示文字
width 设置图片的宽度,当设置宽度时,如果没有手动设置高度,那么高度会随着设置的宽度等比例缩放
height 设置图片的高度,方式和宽度相同
但是当同时设置宽度和高度的时候,图片会按照设置的值强制拉伸或扭曲显示
超链接
a
属性: href 代表超链接跳转的路径
target 用于实现在什么位置打开新页面 默认 _self 当前页 可以设置成 _blank 表示新页面打开
外部链接: 连接到其他的网站,通常情况下href属性中需要填写一个完整的网站地址
<a href="https://www.baidu.com">百度</a>
内部链接: 连接到一个网站内部的各个网页中
<a href="01-加粗与倾斜.html">内部跳转</a>
锚点链接 : 在一个网页内部各个位置之间的跳转
<a name="two"></a>
a标签去掉href属性,添加一个name属性,并且a标签不给任何内容,这样的一个a标签,我们称之为秘密锚点

空连接 如果设置的是一个空连接,点击后会直接刷新页面
<a href="">这里是一个空连接</a>
无效链接 表示将当前的链接进行处理,使其无法产生链接的作用
<a href="javascript:;">这里是一个无效链接</a>

 

所有的标签都可以添加一个 id属性 这个属性具有唯一性,类似于我们的身份证号一样,
同一个标签可以出现多次,但是同一个id名只能有一个


原文链接:https://www.cnblogs.com/kyhboke/p/11698918.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:本人亲测-百度富文本编辑器(无bug版本)

下一篇:css中after的三种用法