html案例

最新推荐文章于 2022-08-17 19:58:18 发布
最新推荐文章于 2022-08-17 19:58:18 发布
阅读量339 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ho622/article/details/104499933
版权

案例1 01.第一个HTML文件.html

<html>
	<head>
		<title>第一个HTML文件</title>
		<meta charset="utf-8">
	</head>
	<body>
		欢迎学习HTML
	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ce03sFEd-1582619377887)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582598410712.png)]

案例2 02.标签的组成.html

<html>
	<head>
		<title>标签的组成</title>
		<meta charset = "ytf-8">
	</head>
	<body bgcolor = "yellow" text="red">
		标签的组成
		<hr>

		HTML从入门到精通
		<hr>

		<hr>html简介，主讲：刘晓勇</hr>
		<hr>

		<h2>二级标题</h2>

		<h1>哈哈<h1>呵呵
		<hr>

		<span>嘿嘿</span>
		
	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pl0FkYOn-1582619377888)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582598548604.png)]

案例3 03.注释.html

<!DOCTYPE html>
<html>
<head>
	<meta charset ="utf-8">
	<title>Doucment</title>
</head>
<body>
	<!--这是我们的第一个HTML注释-->
	图书：&it;&lt;HTML从入门到精通&gt;&gt;
	<hr>

	北京&nbsp;&nbsp;&nbsp;&nbsp;上海&nbsp;&nbsp;&nbsp;&nbsp;
	<hr>

	在html中用&amp;lt;表示<小于号
	<hr>

	"HTML语言"或者 &quot;HTML语言&quot;
	<hr>

	版权所有&copy; 2000-2020 高教培训
	<hr>

	&reg;
	<hr>

	&times;关闭符号
	<hr>

	&amp;实体字符名称是严格区分大小写，大小写敏感
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pmjq1FYh-1582619377888)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582598627793.png)]

案例4 04.hello.html

<html>
	<body>
		<title>html技术</title>
	</body>
	<body>
		大家好，欢迎学习html网页技术！
	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lpEBYkuw-1582619377888)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582598695742.png)]

案例5 05.word.html

<html>
	<head>
		<title>HTML，学习</title>
		<meta charset = "utf-8">
	</head>
	<body>
		welcome to  html ！
	</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MfAzLb6k-1582619377889)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582601320105.png)]

案例6 06.hello word.html

<!DOCTYPE html>
<html>
<head>
	<title>学习HTML从入门到精通</title>
</head>
<body>
		welcome to hello word!
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vCRRtawp-1582619377889)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582611891249.png)]

案例7 07.常用标签1.html

<!DOCTYPE html>
<html lang="en">
<head>
	<<meta charset="utf-8">
	<title>Document</title>
</head>
<body>
	hello word
	<br>
	welcome to html!

	<p>
	HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 
	</p>

	<p>
	超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。 
	</p>
	<hr>

	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h6>六级标题</h6>

</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aRLfM6rC-1582619377889)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582601403538.png)]

案例8 08.常用标签2.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<pre>
		html从入门到精通
		主讲：hetor
	</pre>
	<hr>

	<div style="width:400px;height:100px;background:red">导航部分</div>
	<div style="width:400px;height:200px;background:blue">正文部分</div>
	<div style="width:400px;height:300px;background:green">版权部分</div>
	<hr>

	iphone XR,不要8888，不要1888，只要<span style="font-size:50px;color:red"> 98元</span>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WSiQUUlR-1582619377890)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582601476728.png)]

案例9 09.常用标签3.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h3>2020年网络游戏排行榜</h3>
	<ol type="1" stsrt="3">
		<li>吃鸡</li>
		<li>王者农药</li>
		<li>lol</li>
		<li>wow</li>
	</ol>
	<hr>

	<h3>可爱的同学们</h3>
	<ul type="square">
		<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>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fS7MsQKr-1582619377890)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582601553550.png)]

案例10 10.常用标签4.HTML

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uTOPuZWT-1582619377890)(C:\Users\HAOCAI~1\AppData\Local\Temp\1582601617338.png)]

<hr color="red" width="400px">
<hr color="yellow" width="50%" size="10">
<div style="width:600px;height:300px;background:#CCCCCC">
	<hr color="red" width="50%" align="right">
</div>
```

[外链图片转存中…(img-uTOPuZWT-1582619377890)]

Ao622
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
dom写HTML并且实现功能案例
weixin_44440403的博客
01-21 427
基础版 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style type="text/css"&gt; table{wi
1--HTML标签及案例实现
z12397_的博客
05-10 290
HTML入门概念快速入门标签学习文件标签文本标签图片标签列表标签链接标签div和span语义化标签表格标签案例：旅游网站首页 概念 HTML是最基础的网页开发语言。 * Hyper Text Markup Language 超文本标记语言 超文本: * 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本. 标记语言: * 由标签构成的语言。<标签名称> 如 html，xml * 标记语言不是编程语言 快速入门 语法： 1. html文档后缀名 .html 或者 .htm 2.
侧边导航html案例
JackieDYH的博客
02-16 502
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜谱</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ li...
HTML案例
xiaoming0018的博客
05-15 617
arr.sort(function () { return Math.random()-0.5} varr=Math.floor(Math.random()*30); Math.floor(Math.random()*100); Math.random()*100+50; function random(max,min) {return Math.random()*(max-min)+min;...
一号店网站HTML案例
05-11
【一号店网站HTML案例】是一个非常适合初学者进行实践和提升HTML及CSS3技能的资源。这个案例涵盖了构建电商网站的基本元素和设计技巧，是检验学习成果并深化理解的理想平台。 HTML（HyperText Markup Language）是...
css 流动边框 - 多个html案例
最新发布
07-02
css 流动边框 - 多个html案例
调用websocket的html案例
01-13
在浏览器直接调用websocket测试
html案例html案例html案例
10-18
这个压缩包中的"html案例html案例html案例"标题暗示了我们将会探讨一系列的HTML实践示例。描述中的重复同样强调了这一点，但没有提供具体的信息。标签"html案例"进一步确认我们将深入HTML的实际应用。 HTML案例通常...
我的html案例
07-10
html是架构，css是修饰，JavaScript是行为。我的案例1是基本的html架构，是一个登陆和注册案例
HTML之案例素材
09-06
HTML案例素材与源文件
HTML+CSS经典案例
09-12
想学好这块的朋友，可以去看看，很适合初学者，希望对你 有所帮助
慕课WEB编程技术(第二章.HTML案例实现)
weixin_42473228的博客
02-24 478
慕课西安交通大学.WEB编程技术.第二章.HTML基础.HTML案例实现0 目录2 HTML基础2.4 HTML案例实现2.4.1课堂重点2.4.2测试与作业3 下一章 0 目录 2 HTML基础 2.4 HTML案例实现 2.4.1课堂重点 2.4.2测试与作业 要对表格中的第一行进行合并，可能用到表格中的（ ）属性。 A.colspanB.rowspan C.colspan...
HTML笔记+案例总结（全）
lxk200272的博客
03-18 970
一、HTML简介 1.HTML是什么？ HTML：Hyper Text Markup Language超文本标记（标签）语言 由多种标签组成，用来制作网页，告别浏览器该如何显示网页 2.HTML语言的作用？ 制作网页，控制网页和内容的显示 插入图片、音乐、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息，实现交互 3.版本 W3C：World wide web consortium万...
一个HTML简单实例
热门推荐
zack_GZ的博客
12-15 3万+
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言，可以用来建立web站点。 这里实现一个简单的静态网页的例子。注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。一些简单的标签含义：
html静态页面案例
learning_endless的博客
08-17 3023
初学者的旅游小网站案例
html案例隔行变色
05-26
以下是一个实现隔行变色的 HTML 案例： ```html <!DOCTYPE html> <html> 隔行变色 table { border-collapse: collapse; } td { padding: 10px; border: 1px solid black; } tr:nth-child...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值