案例

最新推荐文章于 2024-07-02 17:52:33 发布

sumuqi

最新推荐文章于 2024-07-02 17:52:33 发布

阅读量180

点赞数

文章标签： html

本文链接：https://blog.csdn.net/sumuqi/article/details/104496655

版权

案例

<html>
	<head>
		<title>第一个HTML文件</title>
	</head>
	<body>
		欢迎一起学习HTML
	</body>
</html>

<html>
	<head>
		<title>第一个HTML文件</title>
		<meta charset="utf-8">
	</head>

	<body>
        欢迎一起学习HTML
	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eJ1rSSU9-1582610953153)(C: $\Users\HP\App$ Data\Local\Temp\1582598386943.png)]

<html>
	<head>
		<title>第一个HTML文件</title>
		<meta charset="utf-8">
	</head>

	<body bgcolor="yellow" txt ="red">
		欢迎一起学习HTML
		<hr> 
		heml 
		<hr>
		<h1>html 简介</h1>
		<hr>
		<h2>二级标签</h2>

		<h1>哈哈</h1>呵呵哒
		<hr>
		<span>heihei</span>haha

	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DlFAD36o-1582610953154)(C:\Users\HP\AppData\Local\Temp\1582598430885.png)] 在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta![在这里插入图片描述](https://img-blog.csdnimg.cn/20200225141140808.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bXVxaQ==,size_16,color_FFFFFF,t_70) charset="UTF-8">
	<title>注释</title>
</head>
<body>
	<!--这是注释-->
	图书:&lt;&lt;html &gt;&gt;
	<hr>
	北京&nbsp;&nbsp;&nbsp;&nbsp;天津&nbsp;&nbsp;&nbsp;&nbsp;上海
	<hr>
	在HTML中用&amp;lt表示<小于号
	<hr>
	版权所有&copy; 2000-2020
	<hr>
	&reg;
	<hr>
	&times;
	<hr>
	&aMp;

</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ODiMeakL-1582610953154)(C:\Users\HP\AppData\Local\Temp\1582598450307.png)] 在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>skk</title>
</head>
<body>
	helloworld
	<br>
	welcome to html!
	<p>
		在HTML文档的第一行，使用<!DOCTYPE  HTML>声明html文档的类型

用来告诉浏览器页面的html文档类型，简单来说，用来指定使用的html版本规范

	</p>

	<p>
		注释在浏览器中不会显示，是用来标注解释html语句，但通过查看源代码可以看到
	</p>
	<h1>一</h1>
	<h2>二</h2>
	<h3>三</h3>
	<h6>六</h6>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8aYamIXx-1582610953155)(C:\Users\HP\AppData\Local\Temp\1582598473390.png)] 在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>document</title>
	
</head>
<body>
	<pre>
		htmlacsdmcasdvv
	</pre>
	<hr>
	<div style="width: 400px; height: 100px;background:red ">导航</div>
	<div style="width: 400px; height: 500px;background:yellow ">正文</div>
	<div style="width: 400px; height: 200px;background:blue ">版权</div>
	<hr>

	手机不要888，不要999只要<span style="font-size: 50px;color: red">666</span>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xB3tfheY-1582610953155)(C:\Users\HP\AppData\Local\Temp\1582598514947.png)] 在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<hr color="#ff0000">
	<hr size="8px" color="green">
	<hr color="red" width="400px">
	<hr color="yellow" width="50%">
	<div style="width: 600px;height: 300px;background: #cccccc">
		<hr color ="red" width="50%" align="right">
	</div>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DKn545Zf-1582610953155)(C:\Users\HP\AppData\Local\Temp\1582598541630.png)] 在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h3>2020</h3>
	<ol type="1" start="3">
		<li>吃鸡</li>
		<li>王者</li>
		<li>lol</li>
		<li>wow</li>
	</ol>
	<hr>

	<h3>可爱的同学们</h3>
	<ul type="circle">
		<li>苏凯凯</li>
		<li>张杰</li>
		<li>原雨璐</li>
		
	</ul>
	<<hr>··
	<h3>术语解释</h3>
	<<dl>
		<dt>lol</dt>
		<dd>一款网路游戏，中文名称 英雄联盟</dd>
		<dd>分为移动端 PC端</dd>
		<dt>HTML</dt>
		<dd>制作网页的标记语言</dd>
		<dt>java</dt>
		<dd>一种编程语言</dd>
	</dl>
</body>
</html>

li>

</ul>
<<hr>··
<h3>术语解释</h3>
<<dl>
	<dt>lol</dt>
	<dd>一款网路游戏，中文名称 英雄联盟</dd>
	<dd>分为移动端 PC端</dd>
	<dt>HTML</dt>
	<dd>制作网页的标记语言</dd>
	<dt>java</dt>
	<dd>一种编程语言</dd>
</dl>

```

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bP1x7zLJ-1582610953156)(C:\Users\HP\AppData\Local\Temp\1582598568638.png)] 在这里插入图片描述

sumuqi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
案例

案例<html> <head> <title>第一个HTML文件</title> </head> <body> 欢迎一起学习HTML </body></html><html> <head> <title>第一个HTML文件</titl...
复制链接

扫一扫