开发环境
学习之前先安装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