首页
IT
登录
6mi
u
盘
搜
搜 索
IT
H5初步入门和相关的快捷操作
H5初步入门和相关的快捷操作
xiaoxiao
2021-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
:
30
px
"
>
商品信息
</
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-TFU
(
NBA
纪念版)
</
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
)