下面是学习PHP从入门到精通的经典路线
1.代码编辑器
editplus,notepad+,dreamweaver,zend studio
2.B/S与C/S
B/S-〉Browser/Server->浏览器/服务器-〉浏览器上网C/S-〉Client/Server-〉客户端/服务器-〉客户端访问服务器
3.各自功能
Html代码:主要控制网页的结构
CSS代码:主要控制网页外观
JS代码:主要控制网页行为
Http协议:上互联网所遵守的规则
4.B/S流程
浏器地址栏输入网址-〉回车-〉http请求-〉服务器(Apache)接收客户端的请求进行处理-〉
返回给客户端http请求结果->各种代码-〉显示出具体请求的网页(浏览器翻译代码图文混排)
5.HTML,Hypertext Markup Language,超文本标记语言
6.HTML文件结构
<html>
<head>
<title>标题</title>
</head>
<body>
正文
</body>
</html>
7.HTML文件结构的说明
html->告诉浏览器代码用什么格式编辑
head-〉告诉浏览器汉字用什么字符集,GB2312(简体中文),BIG5(繁体中文),JIS(日文)
title->中只能是纯文本,任何标记都会原封不动的显示
body-〉网页内容显示区域
8.HTML标记
双边标记-〉<b>内容</b>
语法格式:<标签 属性1=”值1″ 属性2=”值2″>内容</标签>
单边标记-〉<br/>
语法格式:<标签 属性1=”值1″ 属性2=”值2″>
9.HTML标签编写规范
HTML标记不区分大小写:<font>,<Font>,<FOnt>
HTML标记属性可有可无:<html>,<head>,<title>
双边标记有内容,单边标记没有内容
可以有序嵌套,不能交叉
10.<meta>标签
<meta http-equiv=”content-type” content=”text/html;charset=UTF-8″>
content-type:内容类型
content:详细内容类型介绍
text/html:网页是text格式,html是文本中的小格式
charset:字符集
UTF-8:多国语言编码
11.<body>的常用属性
bgcolor:网页背景色 <body bgcolor=”red” 或者bgcolor=”#99
cc33″>
图片与文件不在同一个目录
background:背景图片 <body background=”img/123.jpg”>
图片与文件在同一个目录
background:背景图片 <body background=”1.jpg”>
12.HTML文本修饰标记
<b></b>:加粗bold <b>HTML文件</b>
<i></i>:斜体italic <i>HTML文本</i>
<u></u>:下划线underline <u>HTML文本</u>
<s></s>:删除线strike <s>删除线</s>
<sup></sup>:上标 a<sup>2</sup>+b<sub>2</sub>=24
<sub></sub>:下标
<font></font>:字体标记
size:文本大小,取值1-7,1小,7大
color:颜色值
face:字体,楷体,黑体,宋体
13.代码编辑器简介
中文操作系统默认字符集(字符编码),就是GB2312,使用记事本写的网页,
默认字符集也是gb2312。
代码编辑器分两类:(1)增强的文本编辑器(2)IDE集成开发环境
(1)增强的文本编辑器
特点:软件较小,占用内存更小,语法颜色,自动缩进
缺点:没有代码提示
Editplus
Notepad+
……
(2)IDE集成开发环境
特点:功能更强大,一般不免费,语法颜色,代码自动补齐,自动缩进,错误检查,apache,连接mysql
Dreamweaver
Zend Studio
phpStorm
14.Editplus设置:工具(tools)->参数设置(preferences)
(1)代码字号,字体,行距,样式设置
(2)代码颜色设置
(3)编辑环境的默认字符集
保证网页不出现乱码?
1)编辑环境的字符集
2)<meta>标记的字符集
3)PHP的字符集
4)MySQL的字符集
(4)各种代码语法颜色的修改
(5)模板设置
(6)默认测试浏览器设置
(7)目录窗口的设置
15.HTML排版标记
<p></p>:表示一个段落
常用属性:align->水平对齐方式,取值:left(左),center(居中),right(右)
换行标记<br>
水平线标记(单边标记):<hr>
size:水平线的粗细,单位一般为px
color:水平线的颜色
width:水平线的宽度
noshade:去掉水平线的阴影,noshade没有值
<pre></pre>:预排版标记
功能:将保留所有的空白字符(空格,换行符),即原封不动的输出
<h1>–<h6>:标题标记
属性:align取值:left(左),center(居中),right(右)
<div>和<span>标记
<div>一般与CSS配合使用,<div>是块元素
<span>一般与CSS配合使用,<span>是行内元素
(1)块元素:单独占一行
<div><p><h1><h2><pre>等
(2)行内元素:不独占一行,多个行内元素会在同一行
<font><b><i><u><sub><sup>等
行内元素的宽度根据内容决定
一般是块元素嵌套行内元素
层叠样式设置在<head>标签中
16.HTML字符实体
空格: 两个汉字用四个半角空格
<:<
>:>
&:&
¥:¥
X:×
÷:÷
17.HTML项目符号
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
常用属性
Type:项目符号类型,取值:disc(小黑点),circle(空心圆),square(实心方块)
18.HTML编号列表(有序列表)
<ol>
<li>zx</li>
<li>zx</li>
<li>zx</li>
</ol>
常用属性
Type:项目符号类型,取值1,a,A,i,I
start:从第几个开始编号(数字)
19.滚动字幕标记<marquee></marquee>
常用属性
direction:滚动方向,取值,up,down,left,right
width:滚动宽度
height:滚动高度
bgcolor:滚动背景色
scrollamount:滚动步长值,值越大,滚动越快
scrolldelay:两步之间的停留时间,毫秒为单位,1秒=1000毫秒
loop:循环滚动的次数
滚动的
层叠样式设置在<head>标签中
Latest posts by zchao (see all)
- Auraでアクションボタン作成して画面のチェックボックス項目一括処理 - 2021年4月12日
- デフォルト項目値を含むレコード作成実例説明(defaultFieldValues) - 2021年1月9日
- Salesforce のノーコード・ローコード開発 - 2020年12月31日
转载请注明:zchao博客之家 » PHP入门学习–HTML01