学习博客：【HTML】基本标签、图像标签及链接标签

最新推荐文章于 2024-05-31 09:42:54 发布

「已注销」

最新推荐文章于 2024-05-31 09:42:54 发布

阅读量214

点赞数

分类专栏：前端 # HTML 文章标签：学习 html5

本文链接：https://blog.csdn.net/Aurinko324/article/details/123830232

版权

前端同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

HTML

6 篇文章 0 订阅

订阅专栏

基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>

<!--段落标签-->
<p>《活着》讲述一个人一生的故事，这是一个历尽世间沧桑和磨难老人的人生感言，是一幕演绎人生苦难经历的戏剧。小说的</p>
<p>叙述者“我”在年轻时获得了一个游手好闲的职业——去乡间收集民间歌谣。在夏天刚刚来到的季节，遇到那位名叫福贵的老人，</p>
<p>听他讲述了自己坎坷的人生经历：</p>

<!--水平线标签-->
<hr/>

<!--换行标签-->
<p>《活着》讲述一个人一生的故事，这是一个历尽世间沧桑和磨难老人的人生感言，是一幕演绎人生苦难经历的戏剧。小说的<br/>
叙述者“我”在年轻时获得了一个游手好闲的职业——去乡间收集民间歌谣。在夏天刚刚来到的季节，遇到那位名叫福贵的老人，<br/>
听他讲述了自己坎坷的人生经历：<br/>
</p>

<!--字体样式-->
粗体：<strong> hi,html
</strong><br/>
斜体：<em> hi,html</em>

<br/>
<!--特殊符号-->
空&nbsp格：
<br/>
空&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp格：
<br/>
&gt;
<br/>
&lt;
<br/>
版权&copy;

<!--
多行注释
-->

</body>
</html>

图像标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--
src 图片地址
相对地址    "../resources/image.tx.jpg"
绝对地址    D:\JAVA\HTML\resources\image\tx.jpg

alt 图片名字(必填)

-->

<img src="../resources/image/tx.jpg" alt="头像" title="悬停文字" width="500" height="500">

<a href="4.链接标签.html#Top" target="_blank">链接标签</a>

</body>
</html>

链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签的学习</title>
</head>
<body>

<!--使用name做标记-->
<a name="Top">顶部</a>
<a href="#Buttom">底部</a>

<br/>
<!--a标签
herf    必填 跳转页面
文本超链接
-->

<a href="1.我的第一个网页.html" target="_self">点击跳转我的第一个网页</a>
<br/>
<a href="https://baike.baidu.com/item/%E6%B4%BB%E7%9D%80/10565923?fr=aladdin" target="_self">点击我跳转活着</a>

<br/>

<!--图片超链接-->
<a href="3.图像标签.html" target="_blank">
    <img src="../resources/image/tx.jpg" alt="头像" title="点击查看大图" width="100" height="100">
</a>
<br/>


<br/>
<!--锚链接
1.需要一个标记
2.跳转标记 #
-->
<a href="#Top">回到顶部</a>
<a name="Buttom"></a>

<!--功能性链接
邮件
QQ链接
-->

<br/>
<a href="mailto:1431214761@qq.com">联系</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1431214761&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:546254575:53" alt="加我好友领取" title="加我好友领取"/></a>

</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习博客：【HTML】基本标签、图像标签及链接标签

基本标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本标签学习</title></head><body><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3>
复制链接

扫一扫