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名只能有一个

» 本文来自:前端开发者 » 《html常用标签_气质_前端开发者》
» 本文链接地址:https://www.rokub.com/73738.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!