php基础学习
day1:web开发介绍
01
1:web(World Wide Web的官方定义:
全球广域网,也称万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
2:web基于什么开发?
基于计算机中的浏览器进行开发和显示的一种编程方式。
3:网络
内网:局域网
外网:广域网
4:普通PC与服务器的区别
- 服务器的定义:安装了服务器软件(acache ,php,mysql)的高级电脑(价格高)。365天全天24小时开机;
- 虚拟主机:把服务器的硬盘进行划分(虚拟机);
- 独立IP服务和共享IP服务
5:web运行原理:
6:开发工具
分类:文本编辑器(记事本)和IDE(集成环境)
02:
-
什么是HTML?
超文本标记语言(HyperText Marrkup Lanauage);
超文本:文本,图片,音乐,视频等;
HTML文档也叫做web页面,以.html结尾;
HTML的主要目的:通过一系列的标记,来显示网页的不同效果,不同部分。
2.HTML发展史:3:HTML的核心标记:
(1)HTML文档结构<html> <head> </head> <body> </body> </html>
(2)单标记和双标记
单标记:标记只有一个,用来显示某个功能设置编码,设置关键词等;
语法;<标记名称 属性=“值” 属性2=“属性3值”/>
例:<img src="图片在服务器中的地址/>双标记:修饰内容的标记,有开始,有结束,中间写修饰内容
语法:<标记名称 属性=”值“ >要修饰的内容</标记名称>.
03:
1:body的属性:
bgcolor:背景颜色 例 ,这里面的颜色可以用:英文单词,16进制,rgb方式
代码如下:
效果图:
background:背景图片
2:文本修饰标记
font:文本修饰
好好学习,天天向上
好好学习,天天向上
好好学习,天天向上好好学习,天天向上
今天15oC
水:H2O
04
1:排版标记
br;换行,在需要换行的标记后面添加即可
hr;水平线,常用的属性:( size:大小;值1-1000;coloor:颜色;width:宽度 值;固定或者百分比)
h1-h6:标题标记,双标记自动换行和加粗
p:段落标记
pre:预览标记
2:实体字符
常用的有:<(小于号),>(大于号)¥(元)©(版权)
在
我今天去书店买了一本书,书名为:<div+css>价格为:¥70.版权为:©出版社出版
div是双标记,是没有任何意义的块元素,和css配合使用,又用的最多;
语法:<div这里可以放入元素</div
span 是双标记,是没有任何意义的换行内元素
语法:<span 要放入的元素 span>
元素:一整套标记的组合
标记:div p
**05
**:无序列表
- html
- css
- php
- mysql
- html
- css
- php
- mysql
- html
- 超文本标记语言
06
1:图片标记,属性
src(图片的地址,图片最好放在本文件的同文件中) ,
alt (图片没有显示时的描述)
width(图片的宽度,图片的缩放最好按照原来的比例来调,不至于变形即只修改其中之一就OK。)
height(图片的高度)
border(图片的边框 一般设为0)
align(水平的对齐方式 left center right,需要给图片调整位置时,将图片放在div中,直接在div 里面调整对齐方式)
<img src=“sq.jpg”/ >
2:图片的热点
功能:在图片中添加可以点击的链接
rect:矩形,坐标,左上角和右下角
circle:圆形,坐标,中心点和半径
poly:多边形,坐标,每两个数字为一个点
href: 跳转链接的地址
target:打开新链接的方式 值:—blank(新窗口)
07
滚动标记:
语法:要滚动的元素
常用的属性:
direction:滚动方向 值:up,down ,left,right
width:滚动宽度
height:滚动高度
bgcolor:背景颜色
scrolldelay:两步停留时间,以毫秒为单位
loop:滚动次数
<marquee direction=“right” width=“500” height=“200” style=”border:1px solid red;"
Scrollmount=“100”>滚动的文本<img src=“sq.jpg”/ >
08
多媒体标记:
语法:
常用属性:
src 多媒体地址 值:路径
width:调整多媒体宽度 值:数字
height:调整高度 值:数字