Heim > Web-Frontend > HTML-Tutorial > HTML5 初步了解_html/css_WEB-ITnose

HTML5 初步了解_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:17:30
Original
1248 Leute haben es durchsucht

这是HTM5L的第一篇博客. 

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

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

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

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

下面是一些常用标签

<!--根标签--><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="https://www.baidu.com/img/bd_logo1.png"    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>
Nach dem Login kopieren

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage