html的一些标签整理

本文整理了HTML中的一些重要标签,包括图片的<img>标签,详细解释了src、alt和title属性;超链接<a>标签,介绍了herf、target属性及内外部链接的区别;锚点的应用,展示了如何创建和跳转到锚点;以及格式化标签如<address>、<pre>、<em>、<del>、<small>、<sup>、<sub>和<ins>,并给出了各标签的用法示例。
摘要由CSDN通过智能技术生成

1.图片      <img src="URL" width="..." title="..." alt="..."/>

       其中,src是必须属性,代表存储图像存放的路径,alt是指当图片不能够正常显示时给予客户的提示,title指当光标划过图片时显示的内容。

       路径是图片存储的位置。路径分为绝对路径和相对路径。举一个简单的例子,北京市朝阳区XX街道XX号就是绝对路径,而相对路径可能就是诸如在XXX的隔壁。

       相对路径:1.当图片文件和html文件位于同一个文件夹时,只需要输入图片的名称

                        2.当其在html的下一级文件夹中,输入文件夹和文件名

                        3.当其在html的上一级文件夹中,在文件夹之前输入“../”

       绝对路径:“盘符\文件夹\...\文件名”

2.超链接        <a herf="" target="" title=""></a>

       herf属性是用来链接URL的,同样的,他也是一个必须属性。链接可分为外部链接和内部链接,外部链接直接输入网址即可,如百度、谷歌等,内部连接指的就是本地链接,其必须加后缀,如test1.html。target代表新窗口的位置,可填入_blank(在新的窗口打开)和_self(在本窗口打开或者说覆盖本窗口),其中默认在本窗口打开。

3.锚点

       当遇到一篇较长的文章时,比如一本书、一个人的传记,需要快速的定位到想要浏览的章节,这时就需要定义锚点链接了。创建锚点同样使用a标签。<a herf="#锚点名">链接名称</a>,再利用标注跳转到目标位置,此时有两种方式:(1)id="锚点名"   (2)<a name="锚点名"><a/>

<h2><a href="#shuidiaogetou">HTML网页</a></h2>
<a name="shuidiaogetou">明月几时有,</a><br/>

或者

<h2><a href="#shuidiaogetou">HTML网页</a></h2>
<h5 id="shuidiaogetou">HTML网页</h5>

4.格式标签

  • <address></address>地址

       定义文档或文章的作者联系信息。比如一般在一个网页最后会出现地址和联系方式等,这个标签带有语义,以斜体显示,简单明了。示例如下:

  • <pre></pre> 预文本格式标签

       被包含在pre元素中的文本会保留空格和换行符,示例如下:

  • <em></em>着重字  <del></del>删除字  <small></small>小号字  <sup></sup>上标字  <sub></sub>下标字  <ins></ins>  插入字,示例如下:

5.块级元素和行内元素

块级元素行内元素
独占一行在同一行显示
默认宽度100%由内容撑开
可设置宽高不可设置宽高
可设置四个方向只可以左右不可上下
默认的display是block默认的display是inline
可包含块级元素和行内元素一般只包含行内元素和文本
常见的有hn,div常见的有a,em

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值