初识html

超链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>连接标签</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<!--连接标签
a+Tab生成
herf:表示要跳转到哪个界面
target:表示窗口在哪里打开  _blank表示在新标签中打开 _self在自己的网页中打开
-->
<a href="图片标签.html">点击我跳转到</a>
<br>
<p><a href="https://baidu.com"target="_blank"><img src="../resource/image/图片.jpg" alt="没加载出来"title="悬停文字"width="500"height="500">
</a></p>
<p><a href="https://baidu.com"target="_blank"><img src="../resource/image/图片.jpg" alt="没加载出来"title="悬停文字"width="500"height="500">
</a></p>
<!--锚链接
1.需要一个锚标记
2.跳转到标记
-->
<a href="#top">回到顶部</a>
<a name="down">down</a>

<!--功能性链接
邮件链接:mailto:
qq链接
-->
<a href="mailto:*********@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="加我" title="加我"/></a>
</body>
</html>

图片标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--图片标签
src:图片地址
相对地址(../  --上一级目录),绝对地址
alt图片加载不成功是显示的信息(图片名字)
-->
<img src="../resource/image/图片.jpg" alt="没加载出来"title="悬停文字"width="500"height="500">
<a href="链接标签.html#down">点击</a>

</body>
</html>

基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
<!--标题标签-->
<h1>hsgeagdas</h1>
<h2>hsgeagdas</h2>
<h3>hsgeagdas</h3>
<!--水平线标签-->
<hr/>
<!--段落标签-->
<p>hhhh</p>
<p>hhh</p>
<p>hh</p>

<!--换行标签-->
hhhh <br/>
hhh <br/>
hh <br/>
<!--字体样式标签-->
粗体: <strong>hhh</strong> <br/>
斜体: <em>hhh</em> <br/>
<br/>
<!--特殊符号-->
空格:&nbsp;
<br/>
>: &gt; <br/>
< : &lt; <br/>
版权符号: &copy; <br/>
</body>
</html>

初识html

上一篇:解决 kubenetes无法创建pod No API token found for service account "default"


下一篇:AJAX 跨域请求 - JSONP获取JSON数据