猫史档案馆

用户:

金色传说1查看:6 回复:10 评论:6 创建时间:2020-05-25T13:17:54

我是你情爱的李岩松2013，这会带大家学习H喵L

网页你应该都见过吧！比如说这个： center_image

那你知道网页的源头吗？一起来看看吧！

右击，选择检查，会出现一下图像↓↓↓

center_image

这就是代码，我们来了解一下吧！

我们先了解一下怎么输入代码

第一步：打开记事本

center_image

第二步：输入H喵L代码

<!DOCTYPE hmtl>
<hmtl>
<head>
<meta charset="utf-8">
<title>小男孩</title>
</head>
<body>
小男孩
</body>
</hmtl>

第三步：保存为H喵L文件

center_image

双击刚才保存好的html，会展现出这个样子：

center_image

这样就做好了第一个作品，我现在给大家讲解意思

<html>：开启html网页引擎

<head>：设置主要标题内容

<title>：设置网页的标题

<body>：设置网页的正文

好了，这节H喵L的教程贴就结束了，请期待下一个H喵L教程贴

沙发

大哥，另存为utf-8编码不香吗？

是H

……

注意一下错别字

我的mathprolib html官网代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mathprolib官网</title>
		<script type="text/javascript" src="https://wrmdcxy.gitee.io/jquery/jquery.js"></script>
		<link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
		<script src="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
	</head>
	<div class="mdui-appbar mdui-appbar-fixed">
		<div class="mdui-toolbar mdui-color-blue">
			<!--<a style="right:110px;text-decoration: none;position :absolute;color: #fff" href="javascript:;" class="lang-ch">语言</a>-->
		</div>
	</div><br><br><br><br>
	<body>
        <h1>这次的库，可不一样了，可以支持Python/Java/Golang/C/C++语言</h1>
        <a href="go.html" style="font-size:30px;font-weight:700;color:#ff2222"><img src="./static/img/go-logo.jpg" width="8%" height="8%">查看golang语言的mathprolib</a><br><br>
        <a href="python.html" style="font-size:30px;font-weight:700;color:#喵喵00"><img src="./static/img/Python-logo.jpg" width="5%" height="5%">查看Python语言的mathprolib</a><br><br>
        <a href="java.html" style="font-size:30px;font-weight:700;color:#00aa00"><img src="./static/img/java-logo.jpg" width="8%" height="8%">查看Java语言的mathprolib</a><br><br>
        <a href="cpp.html" style="font-size:30px;font-weight:700;color:#0000ff"><img src="./static/img/cpp-logo.jpg" width="5%" height="5%">查看C++语言的mathprolib</a>
	</body>
</html>

不起眼的账号

windows10 官方网站（划掉）

<head>
<link rel="shortcut icon" type="image/x-icon" href="file:///C:/Users/Administrator/Pictures/%E5%9B%BE%E7%89%87%E5%BA%93/%E7%B4%A0%E6%9D%90/win10.ico" media="screen" />
<audio autoplay="" loop=""><source src="https://static.codemao.cn/kitten/SJgeCo5nIU.audio/mp3"></audio>
</head>
<body>
<title>Windows 10 professional private Edition</title>
<body background="C:\Users\Administrator\Pictures\图片库\素材\windows101.jpg">
<a href="https://www.喵"font-size:100px>进入百度→</a><br>
<a href="https://www.so.com"font-size:100px>进入360搜索→</a><br>
<a href="https://www.hao123.com/">进入hao123→</a><br>
<a href="https://hao.360.com/index.html">进入360官网→</a><br>
<a href="http://cn.喵/">进入必应→</a><br>
<p style="color:#00FF7F;">待更新</p>
<a href=file:///C:/Users/Administrator/Pictures/%E5%AF%BC%E8%88%AA.html>
<button>前往主页</button><br>
</a>
<a href="#"onclick="alert('简洁的网页windows10刚上线了！')">最新公告</a>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
<input type="text" style="height:20px;width:100px;" />
<a href="file:///C:/Users/Administrator/Pictures/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E.html">重新启动虚拟机</a><br>
<select>
  <option value ="volvo">2星</option>
  <option value ="saab">3星</option>
  <option value="opel">4星</option>
  <option value="audi">5星</option>
</select>
<br>
<a href=www.so.com>
<button>360搜索页面</button><br>
</a> 
</body>

不需要<html>的

猫史档案馆

【H喵L】H喵L第一课：什么是H喵L？

回复