初识Web前端
什么是Web？
Web：全球广域网，也称万维网（www World Wide Web），能够通过浏览器访问的网站。
Web网站的工作流程
Web标准
Web标准也称为网页标准，由一系列标准组成，大部分由W3C（World Wide Web Consortium。万维联盟）负责制定。
三个组成部分：
HTML：负责网页的结构（页面元素和内容）。
CSS：负责网页的表现（页面元素的外观，位置等页面样式，如：颜色大小等）。
JavaScript：负责网页的行为（交互效果）。
什么是HTML，CSS？
HTML：超文本标记语言
超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片音频视频等内容。
标记语言：由标签构成的语言
- HTML标签都是预定义好的。
- HTML代码直接在浏览器中运行，HTML标签由浏览器解析。
CSS：层叠样式表，用于控制页面的样式（表现）。
HTML结构标签
<html> <head> <title>标题</title> </head> <body></body>
</html>
特点
- HTML标签不区分大小写
- HTML标签属性值单双引号都可以
- HTML语法松散
标题标签
1.标签：
...
（h1->h6重要程度依次降低）注意：HTML标签都是与定义好的，不能自己随意定义
2.水平线标签
3.图片标签
绝对路径：绝对磁盘路径（D:/xxxx)，绝对网络路径（https://xxxx)
相对路径：从当前文件开始查找。（./:当前目录，../:上级目录）
CSS引入方式
1.行内样式：
2.内嵌样式：
3.外联样式：xxx.css
写一个单独的.css文件中（需要通过link标签在网页中引入）
颜色表示
1.关键字：red, green...
2.rgb表示法：rgb(255,0,0), rgb(134,100,89)
3.十六进制：#ff0000， #cccccc，#ccc
CSS属性
color：设置文本内容的颜色
font-size：字体大小（注意：记得加px）
text-decoration：规定添加到文本的修饰，none表示定义标准的文本
标签
是一个在开发网页时大量用到的没有语义的布局标签
特点：一行可以显示多个（组合行内元素），宽度和高度默认由内容撑开
CSS选择器
1.元素选择器：标签名{...}
2.id选择器：#id属性值{...}
3.类选择器：.class属性值{...}
优先级：id选择器> 类选择器> 元素选择器
超链接
标签：
属性：
href：指定资源访问的ur1
target：指定在何处打开资源链接
_self：默认值，在当前页面打开
_blank：在空白页面打开
音频，视频标签
换行，段落标签
换行：
段落：
文本加粗标签
CSS样式
line-height：设置行高
text-indent：定义第一个行内容缩进
text-align：规定元素中文本的水平对齐方式
注意：在HTML中无论输入多少个格子，只会显示一个。可以使用空格占用符：
扫一扫
1852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
