これは 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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
