Day1 HTML5网页前端设计
<!--文档类型声明： 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>
运行后
