php基础学习(一）

最新推荐文章于 2023-07-24 08:51:28 发布

zhuhui2000

最新推荐文章于 2023-07-24 08:51:28 发布

阅读量843

点赞数

分类专栏： HTML基础

本文链接：https://blog.csdn.net/zhuhui2000/article/details/83022248

版权

HTML基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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:文本修饰
在这里插入图片描述
好好学习，天天向上
好好学习，天天向上
好好学习，天天向上
~~好好学习，天天向上~~
今天15^oC
水：H₂O

04
1：排版标记
br；换行，在需要换行的标记后面添加即可
hr；水平线，常用的属性：（ size:大小；值1-1000；coloor:颜色；width：宽度值;固定或者百分比）
h1-h6:标题标记，双标记自动换行和加粗
p:段落标记
pre:预览标记
2：实体字符
常用的有：&lt（小于号），&gt（大于号）&yen（元）&copy（版权）

在
我今天去书店买了一本书，书名为：&ltdiv+css>价格为：&yen70.版权为：&copy出版社出版

3：div和span标记

div是双标记，是没有任何意义的块元素，和css配合使用，又用的最多；
语法：<div这里可以放入元素</div
span 是双标记，是没有任何意义的换行内元素
语法：<span 要放入的元素 span>
元素：一整套标记的组合
标记：div p

我是div

我是font

在这里插入图片描述

**05
**:无序列表

html
css
php
mysql

1:有序列表：

html
css
php
mysql

2：定义列表 dt是标题，dd是描述

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：调整高度值：数字

在这里插入图片描述

zhuhui2000

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
php基础学习(一）

day1：web开发介绍011：web（World Wide Web的官方定义：全球广域网，也称万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。2：w...
复制链接

扫一扫