HTML初学 第一部分

@

目录

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/>
<!--&nbsp;空格
&gt;大于号
&lt;小于号
&copy;版权符号
-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
&gt;
<br/>
&lt;
<br/>
&copy;
<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，有任何问题请各位大佬指出

posted @ 2021-04-02 19:05  slimety  阅读(61)  评论(0)  编辑  收藏  举报