特殊时期,大家一定要保重身体。增强自身免疫力,一切都会过去,一起加油!!!

PHP入门学习–HTML01

PHP zchao 278℃ 0评论

下面是学习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字符实体

空格:&nbsp;两个汉字用四个半角空格
<:&lt;
>:&gt;
&:&amp;
¥:&yen;
X:&times;
÷:&divide;

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>标签中

Follow me

zchao

站长 at GR
我在故我思,我思故我在
Follow me

转载请注明:zchao博客之家 » PHP入门学习–HTML01

喜欢 (0)or分享 (0)

您必须 登录 才能发表评论!

(2)个小伙伴在吐槽
  1. Awesome site! You’ve some very interesting posts.. Nice background as well haha. Continue the good work, Ill make sure to find to see really your page!
    • Thank you for your support, I hope this site can bring you unexpected results!
      zchao2017-08-16 12:58