开发环境
学习之前先安装vcredist环境
服务器环境：WampServer【文件名目录不能有中文，否则无法识别**橙色警告**】
php开发工具：sublime vscode phpstorm【集成开发编辑器】
mysql工具：navicat
帮助工具：php手册，mysql手册，w3cshool手册
*为便捷可在桌面创建工具快捷方式
ping命令【地址】
netstat -h【可解析参数】
开始前
一、配置域名
C:\Windows\System32\drivers\etc\hosts
二、搭建虚拟机
wamp存放目录\wamp\bin\apache\apache2.4.9\conf\httpd.conf【写入——长——代码】修改后重启服务器
三、mysql密码修改测试
四、sublime_text开启使用【也就是文本编辑器】
HTML标签重点梳理
html：超文本标记语言（静态网页语言）包括标签加内容
-
标签
双标签：<标签名>. . . .</标签名>
单标签：<标签名/> -
文件中<html>显示框架
网页编码：<meta charset=“utf-8”/>【头部里写】
关键字：<meta name=“Keywords” content=“关键字” />
描述：<meta name=“Description” content=“简介、描述” />
网页标题： <title>本网页标题</title>
网页中右键检查或查看源代码 -
文本标签：
<br/>换行
<hr/> 分割线
<p>换段</p>
<i>斜体</i>
<em>强调斜体</em>
<b>加粗</b>
<strong>强调加粗</strong>
<hn>其中n为1–6的值。标题标签（加粗、独立行）</hn>
<sub>…</sub> <sup>…</sup>(下标和上标【平方中的二二二二】）
<del></del>删除线
<font></font> 字体设置【加星级重要】
<font size=“4” color=“red”>救命呀</font>【双引号你就随心所欲改】 -
颜色啊： R G B
00红 00绿 00蓝
范围：0-255
16进制FF = 255【写法实例：#0000FF】 -
格式化标签：
<ul>无序列表
<ol>有序列表 其中type类型值：A a I i 1 start属性表示起始值
<li>列表项
<dl>自定义列表
<dt>自定义列表头
<dd>自定义列表内容
这是较较常用的（手册里面查找多多多的）
写个例子：<ul> <li>1只兔子</li> <li>2只兔子</li> <li>2只兔子</li> <li>好多兔子</li> </ul>
<div>换行</div>
<div>换行</div>
<div>换行</div>
<div>换行</div>
<span>就不换</span>
<span>就不换</span>
<span>就不换</span>
- 超链接标签<a>
<a href=""></a>超级链接标签
属性：href必须，指的是连接跳转地址
target：表示链接的打开方式
_blank 新窗口
_parent 父窗口
_self 本窗口（默认）
_top 顶级窗口
framename 窗口名
title:文字提示属性（详情）
<a href="#a1">跳到a1处</a>
<a href="http://www.baidu.com" target="_blank">百度</a><br/><br/>
<a href="http://www.youku.com" target="_blank">优酷</a><br/><b
<a href="http://www.so.com" target="_blank">360</a><br/><br/>
<a href="http://www.51cto.com" target="_blank">51cto</a><br/><br/>
<a href="http://www.baidu.com" target="_self">百度</a><br/><br/>
<a href="http://www.youku.com" target="_blank">优酷</a><br/><br/>
-
图片标签img
相对路径：./
绝对路径：/
<img src="/hfsdkb/vfb.ipg"width=“XXps”/>
<img src="…/fjvnd/djk.jpg"width=“100px”/> -
多媒体标签
音乐文件：<audio src="./bd/bhvj.mp3"controls=“controls”></audio>
<controls显示控制栏,下同>
视频文件：<video controls=“controls” width=“500” height=“320” poster="./bjngjbn/bgjnb.jpg">
<source src="./djd/dsj.mp4" type=“video/mp4”/>
<type是文件格式类型>
手册找各种属性 -
表格标签：
*table | 表格标签
caption 表格标题
*tr 行标签
*th 列头标签
*td 列标签
<table border=“1” width=“XXpx”></table>
border:有边框
cellspacing:表格间距
cellpadding: 表内元素与表上下左右的距离
bgcolor:背景颜色
colspan=“2”:表格合并【左右】
rowspan="2"表格合并【上下】
<tr align=“right”></tr>
align:位置 -
form表单标签
method：提交方式
get方式是URL地址栏可见，长度受限制
post方式是URL地址不可见，长度不受限制【相对安全】
action：提交的目标地址（URL）
enctype:提交类型
application/x-www-form-urlencoded
multipart/form-data
<input type=“text”/>
value:默认
readonly:表格里不能更改
size:长度
disabled:灰色
type="password"密码
name:提交表单后接受值
radio：性别
checked：单选框默认选中
checkbox:选择
file:头像
日期：
<select name="year">
<option value="190">1990</option>
<option value="1990" selected>1991</option>
<option value="1990">1992</option>
<option value="1990">1993</option>
</select>
textarea:简介框
cols：框高
rows: 框宽
submit：提交
reset：重置
手册查看h5
- iframe标签
…………………
----------------------------------------------------------------------------------next还有next
