php先学html,PHP入门学习–HTML01
发布日期:2021-06-24 11:24:24 浏览次数:2 分类:技术文章

本文共 2185 字,大约阅读时间需要 7 分钟。

下面是学习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文件结构

标题

正文

d5fc36e0bf4239a87052eef049290618.png

7.HTML文件结构的说明

html->告诉浏览器代码用什么格式编辑

head-〉告诉浏览器汉字用什么字符集,GB2312(简体中文),BIG5(繁体中文),JIS(日文)

title->中只能是纯文本,任何标记都会原封不动的显示

body-〉网页内容显示区域

8.HTML标记

双边标记-〉内容

语法格式:内容标签>

单边标记-〉

语法格式:

9.HTML标签编写规范

HTML标记不区分大小写:,,

HTML标记属性可有可无:,

,

双边标记有内容,单边标记没有内容

可以有序嵌套,不能交叉

10.标签

content-type:内容类型

content:详细内容类型介绍

text/html:网页是text格式,html是文本中的小格式

charset:字符集

UTF-8:多国语言编码

11.

的常用属性

bgcolor:网页背景色

cc33″>

adce5d15965d5a06c22942c5b560e5c6.png

c03f69ee39e04079f60bfff34015208c.png

图片与文件不在同一个目录

background:背景图片

152fcfb101188693260d8b7bc4f09942.png

f08968e042a1157b9cc40ce8a75e0d02.png

图片与文件在同一个目录

background:背景图片

c61bfbe787054255006ac5ec1ccb2486.png

12.HTML文本修饰标记

:加粗bold HTML文件

:斜体italic HTML文本

:下划线underline HTML文本

:删除线strike 删除线

:上标 a2+b2=24

:下标

:字体标记

size:文本大小,取值1-7,1小,7大

color:颜色值

face:字体,楷体,黑体,宋体

f6029be01399971f39f2a5eb0d630556.png

bf89eec813c11169e5b9a5cc961a1f97.png

13.代码编辑器简介

中文操作系统默认字符集(字符编码),就是GB2312,使用记事本写的网页,

默认字符集也是gb2312。

代码编辑器分两类:(1)增强的文本编辑器(2)IDE集成开发环境

(1)增强的文本编辑器

特点:软件较小,占用内存更小,语法颜色,自动缩进

缺点:没有代码提示

Editplus

Notepad+

……

(2)IDE集成开发环境

特点:功能更强大,一般不免费,语法颜色,代码自动补齐,自动缩进,错误检查,apache,连接mysql

Dreamweaver

Zend Studio

phpStorm

14.Editplus设置:工具(tools)->参数设置(preferences)

(1)代码字号,字体,行距,样式设置

(2)代码颜色设置

(3)编辑环境的默认字符集

c0789264b7e4c384d3a351bf59e67894.png

9e345dff34f144511b168d56d4bb337f.png

6dc7da5285af2ce0aeebc2aa8944226d.png

保证网页不出现乱码?

1)编辑环境的字符集

2)标记的字符集

3)PHP的字符集

4)MySQL的字符集

(4)各种代码语法颜色的修改

2e7623fc0ee37071787a5d190eee5862.png

(5)模板设置

974ee7f404033483550f471640f89b0f.png

(6)默认测试浏览器设置

af6e1a1cd4db852f5df295eab2a6fdb4.png

(7)目录窗口的设置

cf1fb5ad310c320586db05043e211166.png

15.HTML排版标记

常用属性:align->水平对齐方式,取值:left(左),center(居中),right(右)

换行标记

水平线标记(单边标记):


size:水平线的粗细,单位一般为px

color:水平线的颜色

width:水平线的宽度

noshade:去掉水平线的阴影,noshade没有值

c6fc28ea164017d7298c50fa9436fe79.png

c743e9b73cb7297c2573fc6791c72c6e.png

:预排版标记 

功能:将保留所有的空白字符(空格,换行符),即原封不动的输出

:标题标记

属性:align取值:left(左),center(居中),right(右)

52b73bf8244d7e147af63c178d72caf9.png

f724734ec9f64b8390623913987d658d.png

c30c8eba33f6b639d7b74f8d3da5cdeb.png

fb1ee390634e8d2a37809b62f3859b4c.png

和 标记
一般与CSS配合使用,
是块元素

一般与CSS配合使用,是行内元素

(1)块元素:单独占一行

8575b1bbee495c37f17658134bcc8905.png

950eaea0c626b43be0b1283c09be1520.png

(2)行内元素:不独占一行,多个行内元素会在同一行

行内元素的宽度根据内容决定

一般是块元素嵌套行内元素

66904f886b1d6127ae7fea84275a8bbb.png

b1ad22839971483d7cfbaee6f3f654fb.png

层叠样式设置在

标签中

d5fe1de82f391361273b93811a9e52d9.png

16.HTML字符实体

空格: 两个汉字用四个半角空格

<:>

>:>

&:&

¥:¥

X:×

÷:÷

e0871a963f7eedd6d622d0cada45630c.png

e06a1d9256a99cb06263b0ad137c1ed7.png

17.HTML项目符号

内容1内容2内容3

常用属性

Type:项目符号类型,取值:disc(小黑点),circle(空心圆),square(实心方块)

354c521046c61d1259f8c629488bd9aa.png

8731e2e22c7384d1a7a7b09fe9303363.png

18.HTML编号列表(有序列表)

  1. zx
  2. zx
  3. zx

常用属性

Type:项目符号类型,取值1,a,A,i,I

start:从第几个开始编号(数字)

a42b55c83a71492974b6fe1936cfd2d4.png

e0316a2c8429fcfb895f9afc9d7e3b81.png

19.滚动字幕标记

常用属性

direction:滚动方向,取值,up,down,left,right

width:滚动宽度

height:滚动高度

bgcolor:滚动背景色

scrollamount:滚动步长值,值越大,滚动越快

scrolldelay:两步之间的停留时间,毫秒为单位,1秒=1000毫秒

loop:循环滚动的次数

9884d32a93f1d7e176308ec842c149a5.png

滚动的

2790534e0a34a95dc2a0296a1f4f9197.png

层叠样式设置在

标签中

a9f934caf787ea9951e323d1174d4f40.png

喜欢 (0)or分享 (0)

转载地址:https://blog.csdn.net/weixin_32473663/article/details/115648443 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:mysql中字符转数字,MYSQL字符数字转换为数字
下一篇:oracle的java包,oracle中程序包?

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年04月03日 06时42分03秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章