时间:2021-07-01 10:21:17 帮助过:5人阅读
那么就让我们简单的了解HTML5的语法吧.
(HTML5运行环境要求极低,非关键地方就不做截图了)
- <!--根标签--><!--头部标签--><!--src和href的区别src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);href:引入,引入外部资源,如(a标签 link标签)--> <meta charset="UTF-8"> <title>第一个程序</title> <!--身体标签--> 你好,世界!
上面的代码是最最简单的代码
下面是一些常用标签
- <!--根标签--><!--头部标签--> <meta charset="UTF-8"> <title></title><!--身体标签--><!--标题标签--> <h2>旭宝爱吃鱼</h2> <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><!--超链接标签--> 百度一下,你就不知道<!--图像标签 相对路径 项目中的资源 绝对路径 http:// https:// ftp:// file:// --> <img src="https://img.gxlcms.com//Uploads-s/new/2019-09-27-201927/bd_logo1.png" width="150" height="150"> <!--列表标签--> <ul> <li>旭宝爱吃鱼->1</li> <li>旭宝爱吃鱼->2</li> <li>旭宝爱吃鱼->3</li> <li>旭宝爱吃鱼->4</li> </ul> <!--容器标签--> <div>旭宝爱吃鱼</div>