前端制作网页的知识点总结

B/S架构的软件一般都是通过访问一个网页的形式来使用，将一些运算等放到终端的服务器上，这样就降低了对客户端的需求，我们的计算机上只需要一个浏览器即可使用
我们常用的京东，淘宝都是B/S架构的网站

软件开发流程如下：

image.png
我们需要将设计师的设计转换为代码，然后交给后台工程师，在由他们去编写服务器的代码。
一个网页主要由三部分组成：结构、表现还有行为
HTML用于描述页面的结构
CSS用于控制页面中元素的样式
JavaScript用于响应用户操作

一个最基本的HTML页面：

2018-09-06 20-05-03.jpg

<h1>一级标题</h1>
<p>我是一个<em>段落</em></p>
<p><em>内容</em></p>

body是一个元素
body是p和em的祖先元素
p和em是body的后代元素

如果我们保存文件时使用的是utf-8进行编码，而浏览器读取页面时使用gb2312，这样就会导致页面中的内容不能正常显示，也就是我们所说的乱码
<meta charset="utf-8" />
<br />标签表示一个换行标签
<hr />标签是水平线标签
< img />标签是图片标签
<a>标签是超链接标签

小于号< :– <
大于号> :– >
空格:–  
和符号&:– &
版权©:– ©
• 引号” : – "
• 注册商标® : – ®
• 商标™ : – ™

行内样式

可以直接将样式写到标签内部的style属性中，这种样式不用填写选择器，直接编写声明即可。
<p style="color: red;font-size: 30px"></p>

内部样式表

可以直接将样式写到<style>标签中。
p{color:red; font-size: 30px;}

外部样式表

可以将所有的样式保存到一个外部的css文件中，然后通过<link>标签将样式表引入到文件中。
<link rel="stylesheet" type="text/css"
href="style.css">