HTML中的⾏级元素（常⽤整理）
上⼀篇说了HTML的块级元素，这⼀篇说⼏个常⽤的⾏级元素。
⾸先说⼀下⾏级元素是什么意思。
和相邻的⾏级元素在同⼀⾏，宽度、⾼度、内边距和外边距的都不可改变。
就是不能设置宽⾼，并且⼤⼩由内容撑开。
⼀、链接
href标签怎么用
HTML 超链接（链接）
超链接可以是⼀个字，⼀个词，或者⼀组词，也可以是⼀幅图像，您可以点击这些内容来跳转到新的⽂档或者当前⽂档中的某个部分。当您把⿏标指针移动到⽹页中的某个链接上时，箭头会变为⼀只⼩⼿。
我们通过使⽤a标签在 HTML 中创建链接。
有两种使⽤a标签的⽅式：
通过使⽤ href 属性 - 创建指向另⼀个⽂档的链接
通过使⽤ name 属性 - 创建⽂档内的书签
HTML 链接语法：
这个很简单的，我们来写⼀下例⼦：
<a href="mp.csdn/console/article">⼀个不知名帅哥的博客</a>
运⾏后在页⾯显⽰：
点击后当前页⾯就会进⼊到⼀个不知名的帅哥的博客界⾯（嘿嘿）
HTML 链接 - target 属性
使⽤ Target 属性，你可以定义被链接的⽂档在何处显⽰。
下⾯的这⾏会在新窗⼝打开⽂档：
<a href="mp.csdn/console/article"target="_blank">⼀个不知名帅哥的博客</a>
这样你点击后，就会再打开⼀个新⽹页来进⼊这个帅哥的博客界⾯。
OK，这就是a标签的使⽤⽅法。
⼆、图像
图像标签（img）和源属性（Src）
在 HTML 中，图像由 img标签定义。
img是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页⾯上显⽰图像，你需要使⽤源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。
我们来看⼀下怎么⽤：
<br>
<img src="D:\MyselfCode\dom例⼦\small.jpg"alt="">
因为是⾏级元素，所以在前⾯加了个br，src⾥⾯写的是图⽚的地址。
替换⽂本属性（Alt）
alt 属性⽤来为图像定义⼀串预备的可替换的⽂本。替换⽂本属性的值是⽤户定义的。
在浏览器⽆法载⼊图像时，替换⽂本属性告诉读者她们失去的信息。此时，浏览器将显⽰这个替代性的⽂本⽽不是图像。为页⾯上的图像都加上替换⽂本属性是个好习惯，这样有助于更好的显⽰信息，并且对于那些使⽤纯⽂本浏览器的⼈来说是⾮常有⽤的。
例如我把上个例⼦改⼀下。
<img src="D:\MyselfCode\dom例⼦\smal.jpg"alt="图⽚没有到呀">
我把路径故意写错，然后在alt中写上⽂字。
就会变成这样的。
三、span标签
HTML span元素
HTML span 元素是内联元素，可⽤作⽂本的容器。
span 元素也没有特定的含义。
当与 CSS ⼀同使⽤时，span 元素可⽤于为部分⽂本设置样式属性。
关于span的话，就可以理解为⾏级元素⾥⾯的div。
<br>
<span>这是第⼀个span标签</span>
<span>这是第⼆个span标签</span>
然后来看⼀下吧。
可以看出没有另起⼀⾏。
emmm，关于这篇就说这三个常⽤的⾏级元素吧，还有的话，可以放在后⾯补充。OK，结束。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。