H5初步入门和相关的快捷操作

    xiaoxiao2021-03-25  136

    <!--文档类型声明 1:当前页面使用的语法标准 2:浏览器按照声明标准渲染页面 --> <!DOCTYPE html> <!--标记Html文档的开始和结束--> <html lang="en"> <!--网面标题--> <head> <!--描述文档类型和编码 描述相关搜索--> <meta charset="UTF-8"> <meta name="description"content="我写的第一个网页"> <meta name="keyword"content="html,ys"> <!--title用来显示在浏览器的标签栏上--> <link rel="stylesheet" href="css/ys.css"> <link rel="icon" href="img/1.png"> <title>我的第一个网页</title> </head> <body> <img> <!--用来包含要在页面显示的所有内容--> <!--元素--> <!--标签--> <!--属性--> <!--内容--> <!--标签的特点: 1.标签成对出现 前面的标签是开始的标签,后面的标签是结束的标签(叫闭合标签) 2.闭合标签(结束标签)有/--> Hello World <p style="color: red">我是一个段落</p><!--元素--> <img src="img/4.jpg" width="200" height="200"/><!--自闭合标签,自己没有内容要展示,通过属性就可以完成标签的展示--> <!--系统快捷键 1.windows+d 返回桌面 2.windows+e 快速打开电脑的资源页面--> <!--快捷键: 1.tab快速创建标签 2.ctrl+d 删除所在一行 3.ctrl+/ 快速添加注释 ctrl+shift+/ js多行注释 4.ctrl+alt+下方向键 快速复制一行 --> <script> function show() { alert("jierui"); } </script> </body> </html> 以上是一般的少量的标题介绍和快捷方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>常用于页面布局的块</title> </head> <body> <p style="font-size: 30px">商品信息</p> <h2>产品类别</h2> <hr> <ul><li>数码 <ul><li type="circle">笔记本</li></ul> <ul><li type="circle">手机</li></ul> <ul><li type="circle">家电</li></ul> </li></ul> <ul><li>美容</li></ul> <ul><li>服装</li></ul> <hr> <h4>联想电脑</h4> <ul>产品型号:联想IdeaPad Y450-TFUNBA纪念版)</ul> <ul>价格:4999</ul> <ul>所在地:北京</ul> <hr> <h2>购买流程</h2> <ol type="1" start="1"> <li>确认购买信息</li> <li>付款到贵美</li> <li>确认收货</li> <li>付款到商家</li> <li>双方评价</li> </ol> </body> </html>
    转载请注明原文地址: https://ju.6miu.com/read-21861.html

    最新回复(0)