首页
IT
登录
6mi
u
盘
搜
搜 索
IT
html5初入门第一堂
html5初入门第一堂
xiaoxiao
2021-03-25
92
<!--
文档类型声明:
1
:告诉浏览器当前页面的语法标准
2
:浏览器按照声明的标准去渲染你的页面
-->
<!DOCTYPE
html
>
<
html
lang=
"en"
>
<!--html
文档的开始
-->
<
head
>
<
meta
charset=
"UTF-8"
>
<!--title
用来显示在浏览器的标签栏上
-->
<
title
>
我的第一个网页
</
title
>
</
head
>
<
body
>
<!--
用来包含要在页面显示的所有内容
-->
<!--1
:元素
<p style="color:red;">
我是一个段落
</p>-->
<!--
自闭合标签:自己没有内容要展示,通过属性就可以完成标签的配置
-->
<
img
src=
"../img/img1.jpg"
width=
"500px"
height=
"100px"
>
</
body
>
</
html
>
<!--html
的结束
-->
<
link
rel=
"stylesheet"
href=
"../css/demo.css"
>
<
link
rel=
"icon"
href=
"../img/"
>
<
title
></
title
>
</
head
>
<
body
>
<
p
>
学习使我快乐
</
p
>
</
body
>
<
script
>
function
show
(){
//alert("
学习使我快乐
”)
}
show
();
</
script
>
</
html
>
<body.html>
<!DOCTYPE
html
>
<
html
lang=
"en"
>
<
head
>
<!DOCTYPE
html
>
<
html
lang=
"en"
>
<
head
>
<!--
指定编码集
-->
<
meta
charset=
"UTF-8"
>
<
meta
name=
"description"
content=
"
这是我写的第一个网页
"
>
<
meta
name=
"keywords"
content=
"html,
杰瑞教育,
"
>
<
meta
charset=
"UTF-8"
>
<
title
>
Body
部分
</
title
>
</
head
>
<
body
>
<span>
杰瑞教育
2</span>-->
</
body
>
</
html
>
系统快捷键:
1:windows+d:返回左面 2:windows+e:打开你的电脑资源页面 3:tab键:快速创建标签 4:ctrl+D:删除光标所在行 5:ctrl+/ ctrl+shift+/:快速添加多行注释 在js里分别为添加单行注释和多行注释 6:ctrl+alt+下方向键 :快速复制一行-->
标签的分类:
1:块级标签 特点:独占一行 2:行级标签 特点:宽度跟自己的内容等宽--> 块级<h1>杰瑞教育</h1> 行级<span>杰瑞教育1</span>
转载请注明原文地址: https://ju.6miu.com/read-22594.html
技术
最新回复
(
0
)