星空网 > 软件开发 > 网页设计

HTML5 初步了解

这是HTM5L的第一篇博客. 

那么就让我们简单的了解HTML5的语法吧.

(HTML5运行环境要求极低,非关键地方就不做截图了)

<!--根标签--><html><!--头部标签--><!--src和href的区别src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);href:引入,引入外部资源,如(a标签 link标签)--> <head>   <meta charset="UTF-8">   <title>第一个程序</title> </head><!--身体标签--> <body>   你好,世界! </body></html>

上面的代码是最最简单的代码

下面是一些常用标签

<!--根标签--><html><!--头部标签--><head>  <meta charset="UTF-8">  <title></title></head><!--身体标签--><body><!--标题标签-->  <h1>旭宝爱吃鱼</h1>  <h2>旭宝爱吃鱼</h2>  <h3>旭宝爱吃鱼</h3>  <h4>旭宝爱吃鱼</h4>  <h5>旭宝爱吃鱼</h5>  <h6>旭宝爱吃鱼</h6>  <div>旭宝爱吃鱼</div>  <div>旭宝爱吃鱼</div>  <div>旭宝爱吃鱼</div>  <div>旭宝爱吃鱼</div><!--段落标签-->  <p>旭宝爱吃鱼</p>  <p>旭宝爱吃鱼</p>  <p>旭宝爱吃鱼</p><!--输入框标签-->  <input><br>  <input placeholder="请输入用户名"><br><br><br>  <input value="旭宝爱吃鱼"><br>  <input type="color"><br>  <input type="checkbox"><br>  <input type="date"><br>  <input type="range"><br><!--换行标签-->  <br><!--超链接标签-->  <a href="http://baidu.com" target="_blank">百度一下,你就不知道</a><!--图像标签  相对路径 项目中的资源  绝对路径 http:// https:// ftp:// file://  -->  <img src='/images/loading.gif' data-original="https://www.baidu.com/img/bd_logo1.png" width="150" height="150"> <!--列表标签-->  <ul>    <li>旭宝爱吃鱼->1</li>    <li>旭宝爱吃鱼->2</li>    <li>旭宝爱吃鱼->3</li>    <li>旭宝爱吃鱼->4</li>  </ul> <!--容器标签-->  <div>旭宝爱吃鱼</div></body></html>

 




原标题:HTML5 初步了解

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

柬埔寨货运运输:https://www.goluckyvip.com/tag/96697.html
在越南物流:https://www.goluckyvip.com/tag/96698.html
越南物流 海运:https://www.goluckyvip.com/tag/96699.html
货运站:https://www.goluckyvip.com/tag/967.html
店铺选品:https://www.goluckyvip.com/tag/9670.html
物流希腊:https://www.goluckyvip.com/tag/96700.html
跨境支付百科——巴西支付篇:https://www.kjdsnews.com/a/1836648.html
大福地快捷酒店预订 大福酒店怎么走:https://www.vstour.cn/a/365187.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流