案例

最新推荐文章于 2024-02-27 09:40:58 发布
最新推荐文章于 2024-02-27 09:40:58 发布
阅读量282 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46394435/article/details/104579570
版权

案例一

<html>
	<head>
		<title>HTML学习</title>
	</head>
	<body>
		欢迎学习网页技术！
	</body>
</html>

在这里插入图片描述

案例二

<html>
	<head>
		<title>你好，html</title>
		<meta charset = "utf-8">
	</head>
	<body>
		welcome to html！
	</body>
</html>

在这里插入图片描述

案例三

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

在这里插入图片描述

案例四

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

		HTML从入门到精通
		<hr>

		<h1>html简介</h1>
		<hr>

		<h2>二级标题</h2>
		<hr>
		<h1>哈哈</h1>
		<hr>
		<span>嘿嘿</span>啊哈哈
	</body>
</html>

在这里插入图片描述

案例五

<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>
		<!--这是我们的第一个html注释-->
		图书:&lt;&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;  实体字符名称是区分大小写，大小写敏感
		<hr>

		
	</body>
</html>

在这里插入图片描述

案例六

<html>
	<head>
		<title>Document</title>
		<meta charset="utf-8">
	</head>
	<body>
		welcome to html!
	</body>
</html>

在这里插入图片描述

案例七

<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
	</head>
	<body>
		hello world
		<br>
		welcome to html

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

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

		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
	</body>
</html>

在这里插入图片描述

案例八

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Document</title>
</head>
<body>
	<pre>
		HTML从入门到精通
		主讲：刘老师	
	</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:100px;background:blue">版权部份</div>
	<hr>

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

在这里插入图片描述

案例九

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Document</title>
</head>
<body>
	<h3>2020年网络游戏排行榜</h3>
	<ol type="1" start="5">
		<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>

在这里插入图片描述

案例十

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

在这里插入图片描述

案例十一

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Document</title>
</head>
<body>
	<img src="../image/qq.jpg" alt="图片加载失败……" title="这是腾讯公司的吉祥物，它的名字叫企鹅">
	<hr>

	<img src="../image/mac.jpg" width="400px" height="100px">
	<hr>

	<img src="../image/mac.jpg" width="50%">
	<hr>

	<div style="width:800px;height:800px;background:red;">
		<img src="../image/mac.jpg" width="50%">
	</div>
</body>
</html>

在这里插入图片描述

案例十二

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Document</title>
</head>
<body>
	welcome <i>to</i> html!
	<br>
	welcome <em>to</em> html!
	<hr>
	welcome to <address>上海市南京东路</address>
	<hr>
	HTML从<b>入门</b>到精通！
	<br>
	HTML从<strong>入门</strong>到精通！
	<hr>
	原价：<del>188元</del>，优惠价：<span style="font-size:40px;color:red;">98元</span>
	<hr>
	主讲：<ins>刘老师</ins>
	<hr>
	水的分子表达式：H<sub>2</sub>
	<br>
	2<sup>3</sup>=8
	<hr>
	<bdo dir="rtl">welcome to html!</bdo>
	<br>
	<bdo dir="rtl">上海自来水来自海上</bdo>
	<hr>
	<abbr title="Hyper Text Language">HTML</abbr>
	<br>
	<span title="Hyper Text Language">HTML</span>
	<hr>
	HTML从<small>入门</small>到精通
	<br>
	HTML从<big>入门</big>到精通
</body>
</html>

在这里插入图片描述

案例十三

<!DOCTYPE html>
<html lang="en">
<head>
	<!-- 设置字符编码-->
	<meta charset="utf-8">
	<!-- 设置网页关键字 SEO网站优化-->
	<meta name="keywords" content="IT教育，Java开发，WEB前端，Python，Andorid开发……">
	<!-- 设置网页的描述-->
	<meta name="description" content="做专业的IT教育……">
	<!-- 设置网站的作者-->
	<meta name="author" content="Hector">
	<!-- 设置网页的跳转-->
	<!-- <meta http-equiv="refresh" content="0;url=https://www.baidu.com">-->
	<title>Document</title>
	<!-- 定义内部的CSS样式 -->
	<style>
		body{
			color:red;
		}
	</style>
	<!-- 引用外部的CSS样式 -->
	<link rel="stylesheet" href="CSS文件的路径">
	<!-- 定义或引用脚本 -->
	<!--<script>
		alert("哈哈")
	</script>-->
	<!-- 定义基础路径 -->
	<base href="../image/" >
</head>
<body>
	IT教育，全国计算机等级考试
	<img src="heihei.gif" alt="">
	<hr>
	<img src="qq.jpg" alt="">
</body>
</html>

在这里插入图片描述

泡椒啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javaScript常用案例
张张张张张高高的博客
09-06 8667
前端页面开发之javaScript常用案例
Vue常见项目案例
皮皮的博客
10-12 1万+
Vue.js 项目案例（不断收集中…） 应用实例 https://github.com/phanan/koel koel-基于网络的个人音频流媒体服务 https://github.com/pagekit/pa… pagekit-轻量级的CMS建站系统 https://github.com/Vuedo/vuedo vuedo-博客平台 https://github.com/jackhutu/j… ...
工程伦理案例分析
谁人打的太极拳的博客
11-29 13万+
工程伦理案例分析--课后作业
整整1600套Axure原型图设计源文件UI UX交互设计案例
weixin_46664875的博客
06-17 4万+
网络上的Axure教程看了很多，大多数都是讲软件如何操作，讲交互逻辑和用户体验的却寥寥无几，而实际项目中却非常重交互逻辑和用户体验。把这1536套原型文件一一拆解，慢慢分析作者的设计思路，会发现，互联网产品交互设计真的很有意思，很容易掌握。 文件格式：Axure RP（为防止打不开的情况，建议使用9.0/10.0版本以上的软件打开） 文件数量：1536套 文件大小：5.95GB 资源包内包含相当丰富的项目原型，各行各业的小程序原型、APP原型、网页前端原型、中后台原型等等都有收录，涵盖教育、电商、直播及短视
分享Python7个爬虫小案例（附源码）_爬虫实例
热门推荐
xiaolinyui的博客
02-27 14万+
在这篇文章中，我们将分享7个Python爬虫的小案例，帮助大家更好地学习和了解Python爬虫的基础知识。
finebi 新手入门案例
桃李不言下自成蹊
11-30 4万+
原始数据并没有毛利额，毛利额需要我们自己计算产生毛利额 = 销售额 - 成本额自定义图表由于纵轴指标聚合，毛利额和毛利率数值相差巨大故而毛利率显示并不明显解决方法：将纵轴指标聚合修改为指标并列设置值轴。
这些前端案例看似很简单（内附动图）
阿牛的博客
03-20 2万+
在学习前端js操作元素的时候，往往有很多的案例的做法的思想都是一样的，我们一定要会。本篇文章将从几个小demo入手，带你领略js的风采。 很常见的一些案例，一定要学会哦！！！
jQuery经典小案例
娃娃的博客
03-29 1万+
目录 下拉菜单案例 突出展示案例 淘宝精品案例 京东呼吸灯案例 tab栏切换案例 手风琴案例 城市选择案例 微博发布案例 弹幕效果案例 固定导航栏案例 小火箭返回顶部案例 音乐导航栏案例 下拉菜单案例 效果图： 源代码： 鼠标进入事件mouseenter 鼠标离开事件mouseleave 下拉动画slideDown /slid...
Lumerical案例下载
a1254098517的博客
12-24 1541
p=9345（访问密码：9345）收集到的部分Lumerical FDTD 官网案例，分享一下，（可能不是很全）如果想要新的案例也可以私信我，有空可以帮忙下。度盘用不了，先放这个盘里。
JavaScript项目案例
Anterior_condyle的博客
06-10 8181
简单案例案例一：完成“鼠标经过切换图片”的案例案例二：完成“百度换肤效果”的案例案例三：完成“鼠标展示”的案例（代码及效果图）案例四：完成“表单验证”的案例；改进并完成对密码进行确认操作。案例五：结合改进的“表单验证”优化“模态框”案例（自行设计）。案例六：完成“二级联动菜单”的案例案例七：完成“星星案例”的案例案例八：完成“图片的切换”的案例 案例一：完成“鼠标经过切换图片”的案例 代码： <!DOCTYPE html> <html> <head> <met
jQuery案例练习.rar
07-09
jQuery案例有4个即1、手风琴显示图片效果2、方块旋转变色3、表格数据渲染删除操作 4、jquery写轮播图，也含有原生js轮播图案例，每个案例中代码注解很详细 通过案例练习熟悉jquery相关知识点
MCGS制作的案例
04-24
本压缩包包含的是由个人制作的MCGS资源案例，旨在为其他用户在进行项目开发时提供参考和灵感。 这些案例可能涵盖了多个方面，包括但不限于以下几个关键知识点： 1. **图形界面设计**：MCGS的一大特色是其丰富的...
Flexsim仿真案例集合
04-23
这个"Flexsim仿真案例集合"提供了多个实际场景的模拟示例，旨在帮助初学者理解和掌握Flexsim的基本操作和高级功能。 首先，我们来看"超市仿真系统"。在这个案例中，你可以了解到如何构建一个超市的购物环境，包括...
典型案例提炼
04-07
本资源是一个关于教育信息化典型案例整理的资料，有兴趣的童鞋们可以参考一下，仅供了解。
物联网2015案例
02-21
物联网2015案例产品，智慧城市创新，研华科技。智能零售，智能农业，智能医疗等
小清新风工作总结汇报PPT模板.pptx
最新发布
08-04
【作品名称】：述职报告，工作计划，工作总结，计划书，商务计划，转正报告 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
文艺清新述职报告PPT模板.pptx
08-04
【作品名称】：述职报告，工作计划，工作总结，计划书，商务计划，转正报告 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
数字信号处理第四版基于计算机的方法学习资料
08-04
该资源是本人在学习数字信号处理课程过程中对于PPT做的笔记，整理的一些习题。不仅适合平时课程的学习，而且适合考考研云南大学的同学进行全面复习。笔记全面，非常适合学习的时候观看。希望这份学习资料能够帮助到大家。
扬帆起航工作计划工作总结季度报告PPT模板.pptx
08-04
【作品名称】：述职报告，工作计划，工作总结，计划书，商务计划，转正报告 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
Photoshop技巧：经典调色案例详解
"本资源包含了Photoshop（PS）的经典案例教程，涵盖了多种图像处理和调色技巧，旨在提升用户在PS中的实践操作能力。通过学习这些案例，用户可以掌握如何调出柔和的蓝黄色调、漂亮的红黄色调以及创建怀旧风格的风景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值