HTML学习一
我的第一个网页(网页标题与网页主体)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name = "keyword" content="学网页,ty" >
<title>我的第一个网页</title> <!--网页标题-->
</head>
<body>
hello world!
<!--网页主体部分-->
</body>
</html>
标签学习(标题,段落,分割线,换行标签,和一些转义字符)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<p>两只老虎,两只老虎,跑得快,跑得快,</p><!--段落标签-->
<hr/><!--水平线:分割文档-->
“两只老虎,两只老虎,跑得快,跑得快,<br/><!--换行标签-->
一只没有眼睛,一只没有尾巴,真奇怪!真奇怪!<br/>
<strong> 粗体 </strong> <br/>
<em> 斜体 </em>
<br/>
<!-- 空格
>大于号
<小于号
©版权符号
-->
空 格
<br/>
>
<br/>
<
<br/>
©
<br/>
</body>
</html>
更多转义字符:转义字符
图像标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图像标签学习</title>
</head>
<body>
<!--src 路径
alt 规定图像的替代文本
title 悬停文字
w-h 宽高
-->
<img src="../resources/image/1.png" alt="桌面壁纸" title="悬停文字" width="1280" height="720" >
</body>
</html>
链接标签(超链接,锚链接,邮件链接)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签学习</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top"></a>
<a href="#down">回到底部</a>
<!--
href :跳转的网页
target:窗口在那里打开
_blank:在新标签中打开
_self:在当前标签打开
-->
<a href="1.我的第一个网页.html">点击跳转到页面一</a>
<br/><!--此处目标网页为本地html文件-->
<a href="https://www.baidu.com">点击跳转到百度</a>
<br/>
<a href="https://www.baidu.com" target="_blank">
<img src="../resources/image/1.png" alt="桌面壁纸" title="悬停文字" width="1280" height="720" >
</a><!--此处为将图像作为链接-->
<!--锚链接
1.需要一个锚标记
2.跳转到这个标记
-->
<a href="#top">回到顶部</a>
<a name="down"></a>
<br/>
<!--功能性链接
邮件链接:mailto:
-->
<a href="mailto:2570819934@qq.com">邮件</a>
</body>
</html>
感谢B站狂神说,让我学到这些
初学HTML,有任何问题请各位大佬指出