html自学笔记（2）

最新推荐文章于 2024-08-09 08:30:00 发布

molly655

最新推荐文章于 2024-08-09 08:30:00 发布

阅读量78

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_44389584/article/details/109162983

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

常见的行级标签

<img/>:图片标签

<img src="路径" alt="图片无法显示时运行的文本" title="鼠标划上去时显示的内容">

src属性：引用图片的路径地址。有绝对地址、相对地址以及网络地址。
相对地址：以当前路径为准，寻找图片地址。

当前文件夹，直接写图片地址
当前文件夹的下一层：文件夹名/图片名
当前文件夹的上一层： ../图片名

height和width属性：分别表示图片的高度和宽度

`<a></a>`超链接标签

属性：

href属性：秒速链接的地址，地址可以是网络链接，也可以是本地文件。当用#时，表示这是一个空链接
target属性：定义通过超链接打开的文件在何处显示。_self属性值为（在于链接相同的框架中打开被链接文档）._blank属性值为（在新窗口中打开链接）。默认属性值为_self。
**注意：**超链接地址是网络地址时要加上http协议，否则打开的是本地文件地址。

<div><a href="www.baidu.com" target="_blank">百度</a></div>

如图所示：
在这里插入图片描述

正确的应该是：

<div><a href="http://www.baidu.com" target="_blank">百度</a></div>

在这里插入图片描述

锚链接的用法

（1）本页面的锚链接

设置锚点：<h1 id="a">这是设置的锚点</h1>
使用#name跳转到锚点：<a href="#a">这是一个锚链接</a>
（2）页面间的锚链接
1.在即将跳转页面的指定位置设置锚点:
2.在超链接的href属性，使用“页面地址.html#name”

其他行标签：

<body>
<div>
    <em>这是被强调的文本</em><br>
    <s> 这是有误文本</s><br>
    <b>这是粗体文本</b><br>
    <i>斜体</i><br>
    <img src="img/icon.jpg" alt="展示图片" title="图片" >
    <cite>浏览器显示为倾斜，常用于书画、作品等引用</cite><br>
    <q>短引用，用“”引起来</q><br>
    <code>code是将字符设置为等宽字符的标签。这里显示一段计算机代码print("hello world")</code>  
</div>
</body>