VA Code编写html（1）

<html>
<head>
<title>my webside</title>
<!--win+‘/’注释行-->
<!--防止中文乱码在head中添加如下代码-->
<meta charset="utf-8">
<body>
<!--<img src="image/1.jpg" alt="未找到图片">加载本地图片-->
<!--在网站上找一个图片地址放着也可以-->
<a href="https://home.cnblogs.com/u/fanglijiao/" target="_blank">Jaoany的博客</a>
<img src="image/6.jpg" alt="未找到图片">
<!--对各种标签的使用-->
<h1>h标签</h1>
<h2>h标签</h2>
<h3>h标签</h3>
<p>p是段落标签</p>
<div>div能代替大部分标签，是通用标签</div>
 
<!--form表单，用于向服务器提交数据，登陆，注册等信息-->
<form action="#">
<input type="text" placeholder="请输入用户名：">
<input type="password" placeholder="请输入密码：">
<input type="radio">
<input type="checkbox">
<!--上传文件-->
<input type="file">
<!--提交-->
<input type="submit" value="button">
<ul>
<!--li*5+tab尝试是神魔样子-->
<!--li{$}*5-->
<li>第1个li</li>
<li>第2个li</li>
<li>第3个li</li>
<li>第4个li</li>
<li>第5个li</li>
<!--li*5>img[src=/Users/mac/Desktop/image/$.jpg]+tab，（emment语法）-->
<!--$是自动分展数字，{}显示标签内容，<>使用父子标签是用到-->
<!--div>div父子标签-->
<li><img src="/Users/mac/Desktop/image/1.jpg" alt=""></li>
<li><img src="/Users/mac/Desktop/image/2.jpg" alt=""></li>
<li><img src="/Users/mac/Desktop/image/3.jpg" alt=""></li>
<li><img src="/Users/mac/Desktop/image/4.jpg" alt=""></li>
<li><img src="/Users/mac/Desktop/image/5.jpg" alt=""></li>



</ul>

</form> 
</body>
</head>
</html>

 

posted @ 2017-06-09 08:25  Jaoany  阅读(590)  评论(0)  编辑  收藏  举报