HTML5 初步了解_html/css_WEB-ITnose-html教程-PHP中文网

旭宝爱吃鱼

首页

web前端

html教程

HTML5 初步了解_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:17 AM

这是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 id="旭宝爱吃鱼">旭宝爱吃鱼</h1>    <h2 id="旭宝爱吃鱼">旭宝爱吃鱼</h2>    <h3 id="旭宝爱吃鱼">旭宝爱吃鱼</h3>    <h4 id="旭宝爱吃鱼">旭宝爱吃鱼</h4>    <h5 id="旭宝爱吃鱼">旭宝爱吃鱼</h5>    <h6 id="旭宝爱吃鱼">旭宝爱吃鱼</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="/static/imghw/default1.png"  data-src="https://www.baidu.com/img/bd_logo1.png"  class="lazy"    style="max-width:90%"  style="max-width:90%" alt="HTML5 初步了解_html/css_WEB-ITnose" >  <!--列表标签-->   <ul>       <li>旭宝爱吃鱼->1</li>       <li>旭宝爱吃鱼->2</li>       <li>旭宝爱吃鱼->3</li>       <li>旭宝爱吃鱼->4</li>   </ul>  <!--容器标签-->   <div>旭宝爱吃鱼</div></body></html>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn