html5初入门第一堂

来源:互联网 发布:手机淘宝2015旧版5.7.2 编辑:程序博客网 时间:2024/05/20 12:23
<!--文档类型声明:
1:告诉浏览器当前页面的语法标准
2:浏览器按照声明的标准去渲染你的页面-->
<!DOCTYPEhtml>
<htmllang="en"><!--html文档的开始-->
<head>
<metacharset="UTF-8">
<!--title用来显示在浏览器的标签栏上-->
<title>我的第一个网页</title>
</head>
<body><!--用来包含要在页面显示的所有内容-->
<!--1:元素 <p style="color:red;">我是一个段落</p>-->
<!--自闭合标签:自己没有内容要展示,通过属性就可以完成标签的配置-->
<imgsrc="../img/img1.jpg"width="500px"height="100px">
</body>
</html><!--html的结束-->
<linkrel="stylesheet"href="../css/demo.css">
<linkrel="icon"href="../img/">
<title></title>
</head>
<body>
<p>学习使我快乐</p>
</body>
<script>
functionshow(){
//alert("学习使我快乐”)
}show();
</script>
</html>
<body.html>
<!DOCTYPEhtml>
<htmllang="en">
<head>
<!DOCTYPEhtml>
<htmllang="en">
<head><!--指定编码集-->
<metacharset="UTF-8">
<metaname="description"content="这是我写的第一个网页">
<metaname="keywords"content="html,杰瑞教育,">
<metacharset="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>


0 0
原创粉丝点击