ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5_html/css_WEB-ITnose の予備的な理解

HTML5_html/css_WEB-ITnose の予備的な理解

WBOY
WBOYオリジナル
2016-06-24 11:17:301221ブラウズ

これは 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="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>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。