网页制作尝试

贩卖温柔的大灰狼

于 2021-03-07 19:24:52 发布

阅读量170

点赞数

分类专栏： html css

本文链接：https://blog.csdn.net/qq_52126387/article/details/114494513

版权

html 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

css

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网站</title>
		<style>
			li{
				display: inline-block;
				width: 6.25rem;
				height: 1.875rem;
				/* background-color: pink; */
				font-size: 1.25rem;
				text-align: center;
				line-height: 3.125rem;
			}
			a{
				color: #f147;
				text-decoration: none;
			}
		</style>
	</head>
	<style type="text/css">
		#lzy{
			width: 43.75rem;
			height: 3.125rem;
			background-color: pink;
			margin: auto;
		}
	</style>
	<div id="lzy" style="text-align: center;font-size: 1.875rem;">
		冷中宇第一次网站制作尝试
	</div>
	<body>
		<ul>
			<li><a href="https://www.runoob.com/python/python-tutorial.html">python</a></li>
			<li><a href="https://www.bilibili.com/video/BV1jt411F757?">前端学习</a></li>
			<li><a href="https://blog.csdn.net/qq_52126387?spm=1000.2115.3001.5343">我的博客</a></li>
			<li><a href="https://www.bilibili.com/bangumi/play/ep249483?from=search&seid=7854479256137227993">猫和老鼠</a></li>
			<li><a href="https://lol.qq.com/main.shtml">英雄联盟</a></li>
		</ul>
		<style type="text/css">
			#zxy{
				width: 42rem;
				height: 9.375rem;
				background-color: aqua;
				margin: auto;
			}
		</style>
		<div id="zxy">
			<img src="js/lll.jpg" width="100px" height="150px" style="margin-right: 1.5rem;"/>
			<img src="js/zzz.jpg" width="100px" height="150px" style="margin-right: 1.5rem;"/>
			<img src="js/yyy.jpg" width="100px" height="150px" style="margin-right: 1.5rem;"/>
			<img src="js/lz.jpg" width="100px" height="150px" style="margin-right: 1.5rem;"/>
			<img src="js/zz.jpg" width="100px" height="150px" />
		</div>
		<style>
			#lll{
				width: 45rem;
				height: 12rem;
				background-color: wheat;
			}
		</style>
		<div id="lll">
			Python 简介<br>
			Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。<br>
			Python 的设计具有很强的可读性，相比其他语言经常使用英文关键字，其他语言的一些标点符号，它具有比其他语言更有特色语法结构。<br>
			Python 是一种解释型语言： 这意味着开发过程中没有了编译这个环节。类似于PHP和Perl语言。<br>
			Python 是交互式语言： 这意味着，您可以在一个 Python 提示符 >>> 后直接执行代码。<br>
			Python 是面向对象语言: 这意味着Python支持面向对象的风格或代码封装在对象的编程技术。<br>
			Python 是初学者的语言：Python 对初级程序员而言，是一种伟大的语言，它支持广泛的应用程序开发，从简单的文字处理到 WWW 浏览器再到游戏。
		</div>
		<style>
			#zzz{
				width: 45rem;
				height: 8rem;
				background-color: lightgray;
			}
		</style>
		<div id="zzz">
			前端简介<br>
			前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。<br>
			它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。<br>
			随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
		</div>
		<style>
			#yyy{
				width: 45rem;
				height: 4rem;
				background-color: darkgoldenrod;
			}
		</style>
		<div id="yyy">
			CSDN简介<br>
			CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
		</div>
		<style>
			#aaa{
				width: 45rem;
				height: 4rem;
				background-color: papayawhip;
			}
		</style>
		<div id="aaa">
			猫和老鼠简介<br>
			猫和老鼠是大多数00后的童年回忆，可以说是老少皆宜，Tom和Jerry是一对欢喜冤家，身为全国捕鼠冠军的Tom却始终抓不住Jerry,大概这就是爱吧。
		</div>
		<style>
			#lol{
				width: 45rem;
				height: 8rem;
				background-color: gold;
			}
		</style>
		<div id="lol">
			英雄联盟简介<br>
			《英雄联盟》（简称LOL）是由美国拳头游戏（Riot Games）开发、中国内地腾讯游戏代理运营的英雄对战MOBA竞技网游。<br>
			《英雄联盟》致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“英雄联盟季中冠军赛”“英雄联盟全球总决赛”“英雄联盟全明星赛”三大世界级赛事，形成了自己独有的电子竞技文化 。
		</div>
	</body>
</html>

贩卖温柔的大灰狼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页制作尝试

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>网站</title> <style> li{ display: inline-block; width: 6.25rem; height: 1.875rem; /* background-color: pink; */ font-size: 1
复制链接

扫一扫