HTML
全称：HyperText Markup Language（超文本标记语言）
介绍：
1.它不是一种编程语言，是一种标记语言
2.HTML 运行在浏览器上，由浏览器来解析
3.标记语言是一套标记标签（tag），HTML 使用tag来描述网页，比如<html><head><body><b>
4.tag一般成对出现，比如<html><head><body></body></head></html>，<html>为开始，</html>为结束
5.HTML文档也叫做 web 页面，HTML 文档包含了HTML 标签及文本内容
<!DOCTYPE html>//声明为HTML5文档，大小写不敏感<!DOCTYPE html> <!DOCTYPE Html> 均可
<html>
<head>
<meta charset="utf-8">//定义网页编码格式为 utf-8
<link rel="shortcut icon" href="图片url">
<title>网页标题</title>//该标题左侧可显示小图标
//<link> 标签定义了文档与外部资源之间的关系
<link rel="stylesheet" type="text/css" href="styles.css">//调用外部CSS来设计网页样式
<style type="text/css">//<style>标签也可直接设计网页样式，这是内部样式
body {background-color:yellow}
p {color:blue}
</style>
</head>
//body块的内容才会显示在页面上，给人看到
<body style="background-color:yellow;">//如此也可设计网页，这是内联样式，但是会使HTML文档很冗长
<header>//页眉，也就是页面顶部选择栏
<h1>标题1，字体大</h1>//根据标题数量，字体大小逐级递减
<h2>标题2，字体中</h2>
<h3>标题3，字体小</h3>
<p>一个段落。</p>
</header>
<a href="https://www.baidu.com">点击链接</a>
<img src="logo.jpg" width="200" height="200"/>//显示图片
</body>
</html>
CSS
全称：Cascading Style Sheets（层叠样式表）
介绍：
1.样式定义如何显示 HTML 元素
2.样式通常存储在外部样式表中，即为.css文件（个人推荐）
3.外部样式表可以极大提高工作效率（编辑网页样式，只需改动css文件）
4.CSS注释以 /*开始, 以 */结束，//不可用
5.内联样式（Inline style）、（内部样式）Internal style sheet 、（外部样式）External style sheet
6.大部分标签三种样式都可用，但比如<a>标签，修改其颜色特性，必须采用内联样式才行
7.id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式，CSS 中 id 选择器以 “#” 来定义。
8.class 选择器用于描述一组元素的样式，在 CSS 中，class选择器以一个点"."号显示
7.写css时要注意格式的问题，它出错不会报错，只是打乱页面布局
8.css写的时候最好跟html的布局顺序相同，方便理解
内联样式（写在开始标签里）
<body style="background-color:yellow;"></body>
内部样式（写在网页头部里）
<head>
<meta charset="utf-8">
<title>网页标题</title>
<style type="text/css">//<style>标签也可直接设计网页样式，这是内部样式
body {background-color:yellow}
p {color:blue}
</style>
</head>
外部样式（调用外部style.css文件）
<head>
<meta charset="utf-8">
<title>网页标题</title>
//<link> 标签定义了文档与外部资源之间的关系
<link rel="stylesheet" type="text/css" href="styles.css">//调用外部CSS来设计网页样式
</head>
html+css（外部）
style.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
<link rel="stylesheet" type="text/css" href="styles.css">//调用外部CSS来设计网页样式
</head>
<body>
<div class="bbbbb"><span>啦啦啦啦</span></div>//块布局
<h1>一个标题</h1>
<p>一个段落</p>
<p class="haha"></p>//这是一个类名（class）为"haha"的段落。这个文本是蓝色的
<p id="ppppp">Hello World</p>//该段落字体为红色，居中显示
</body>
</html>
style.css
body {background-color:yellow}/*设置页面背景颜色*/
.bbbbb{
font-size: 30px;
font-family: 微软雅黑;
color: rgb(98,94,91);
}
.bbbbb span{
font-size: 50px;
}
h1{background-color:#6495ed}/*设置标题背景颜色*/
p {color:blue}/*设置所有段落字体默认颜色*/
p.haha {color:blue}/*设置类名为“haha”的段落字体颜色*/
#ppppp{
text-align:center;
color:red;
} /*设置id为“ppppp”的段落字体颜色且居中显示*/
PHP
全称：Hypertext Preprocessor（超文本预处理器）
介绍：
1.PHP 脚本在服务器上执行，结果以纯 HTML 形式返回给浏览器，可免费下载使用
2.PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码，PHP 文件的默认文件扩展名是 “.php”
3.PHP 可以生成动态页面内容、收集表单数据、发送和接收 cookies、增删改查数据库中的数据等
4.PHP 脚本可以放在文档中的任何位置，写在<?php ?> 内部
5.PHP 变量以 $ 符号开始，后面跟着变量名称，变量名是区分大小写的（$y 和 $Y 是不同的变量）
6.MySQL 是跟 PHP 配套使用的最流行的开源数据库系统
form.html（代码来源：https://www.runoob.com/php/php-post.html）
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="welcome.php" method="post">
名字: <input type="text" name="fname">
年龄: <input type="text" name="age">
<input type="submit" value="提交">
</form>
</body>
</html>
welcome.php
欢迎 <?php echo $_POST["fname"]; ?>!
<br>//换行
你的年龄是 <?php echo $_POST["age"]; ?> 岁。
PHP连接MySQL（来源：https://www.runoob.com/php/php-mysql-connect.html）
<?php
$servername = "localhost";
$username = "username";
$password = "password";
// 创建连接
$conn = mysqli_connect($servername, $username, $password);
// 检测连接
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
echo "连接成功";
?>
我大四了，快毕业了，本科专业电子科学与技术，也就是学芯片之类，选专业的时候怀着满腔的爱国热情，想着学成之后能帮助国家做出自己的芯片，后来学着学着就那样了，嘻嘻嘻。
要想快速入门web制作，首先就是要了解HTML/CSS/PHP这三样，了解了这些，网页制作思路就很清晰了，还有那些高级一点的javascript之类的先不急，学习网站强烈推荐菜鸟教程，绝对好东西。
学东西是需要动力了，老实说，我自学能力不强，我报名参加了院的比赛，逼了自己一把，那个国庆假期没有出去，遇到问题查资料解决问题，10天速成一个图书馆座位管理系统。
当时有很多bug存在，但是总体功能是有了，比赛没拿到名次，但是web制作我也相当是入门了。
怎么说，自学能力强的我就不敢哔哔了，弱一点的，多参加一下比赛，总是好的，如果大一就开始，每次比赛都做一个系统，那大三差不多就是大神级别了。
吾水平也就是入门，分享一下经验，祝各位成功。
——写给想学web制作的同学（2020-3-20）
