Day1 HTML5网页前端设计
1.代码
<!--文档类型声明:
1:告诉浏览器当前页面的语法标准
2:浏览器按照声明的标准去渲染你的页面-->
<!DOCTYPE html>
<html lang="en"><!--html文档的开始-->
<head>
<meta charset="UTF-8">
<!--title用来显示在浏览器的标签栏上-->
<title>我的第一个网页</title>
</head>
<body><!--用来包含要在页面显示的所有内容-->
<!--1:元素 <p style="color:red;">我是一个段落</p>-->
<!--2:标签 <p></p>-->
<!--3:属性 style="color:red;"-->
<!--4:内容 我是一个段落-->
<!--标签的特点
1:标签是成对出现的 前面的标签是开始标签,后面的标签是结束标签(闭合标签)。
2:结束标签(闭合标签)有/-->
<p style="color:red;">我是一个段落</p><!--元素-->
<!--自闭合标签:自己没有内容要展示,通过属性就可以完成标签的配置-->
</body>
</html><!--html的结束-->
运行后图片
2.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签分类</title>
</head>
<body>
<!--标签的分类
1:块级标签 特点:独占一行
2:行级标签 特点:宽度跟自己的内容等宽-->
<!--块级<h1>块级标签</h1>-->
<!--行级<span>行级标签</span>
<span>行级标签</span>-->
<h1>我是块级标签1</h1>
<h1>我是块级标签2</h1>
<span>我是行级标签1</span>
<span>我是行级标签2</span>
</body>
</html>
运行后
2.代码
<!DOCTYPE html>
<html lang="en">
<head><!--指定编码集-->
<meta charset="UTF-8">
<meta name="description" content="这是我写的第一个网页">
<meta name="keywords" content="学习">
<!--链接外部资源-->
<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>
运行后