韩顺平PHP html笔记.docx
《韩顺平PHP html笔记.docx》由会员分享,可在线阅读,更多相关《韩顺平PHP html笔记.docx(29页珍藏版)》请在冰豆网上搜索。
![韩顺平PHP html笔记.docx](https://file1.bdocx.com/fileroot1/2022-10/29/2453d3b9-d060-47be-b0fb-5924efba4c21/2453d3b9-d060-47be-b0fb-5924efba4c211.gif)
韩顺平PHPhtml笔记
Html是什么
1.html(hypertextmark-uplanguage)是超文本标记语言,主要的用处是做网页,可以在网页上显示文字、图像、视频、声音…
☞标记==元素
简单说明一下动态网页的示意图:
Html历史
1999html--xhtml(xhtml可以理解成就是html的加强版)-xml
|
2008html5.0
W3c的介绍
是一个制定标准的组织(比如给html,xhtml,css,xml,wml…制定标准)
☞不同的浏览器,去访问同一个网页,可能看到的效果是有差别!
->hack
Html的运行原理
Hello.html
Html的运行有两种方式
Html文件的基本结构
1.本地运行
所谓本地运行就是直接用浏览器打开
2.远程访问
何为协议?
计算机互相通信(网络)的规则.ftpsmtppophttp
远程访问的原理示意图:
☞这里我们涉及到http协议,这里我们没有深入讲解,但是这是一个非常重要的知识点.
Html的基本结构
<元素属性1=”值”…./>
<元素属性1=”属性值”属性2=“属性值”…>内容元素>
<元素属性=”属性值”/>
说明
1.标记通常是成对出现
2.单标记
案例:
Demo1.htm
横看成林
远近高低各不同
--size值可以取1..7-->
30px;">不知庐山真面目
--是加粗,和
是换行-->
面试:
请问后缀html和htm有什么区别?
答:
1.如果一个网站有index.html和index.htm默认情况下,优先访问.html
3.htm后缀是为了兼容以前的dos系统8.3的命名规范
html符号实体
说明:
当我们在网页中有一些特殊字符时候,可以考虑使用字符实体(charentity)
超链接的案例:
*****************
连接到a.html
--如果我们希望在点击该超链接后,就跳转到外网的某个地址,则应当写完整的url-->
--url统一资源定位-->
跳转到XX
hanshunping@">联系管理员
图片:
Html的表格元素
在以前对网页布局要求不高的情况下,使用table布局(即使用表格来显示数据,同时用于布局)
快速入门:
--tr表示一行-->
—ctrl+j复制当前一行-->
1 |
2 | 3 |
2 | 4
5 | 3 | 9 | 10 |
3 | 9 | 10 |
应用案例:
1.确定行
代码如下:
--
--tr表示一行
1 | 2 | 3 |
2 | 4
5 | 3 | 9 | 10 |
3 | 9 | 10 |
-->
|
--显示菜单-->
--colspan="3"表该列要占用三列-->
菜谱
|
素菜
青草茄子 | 花椒扁豆 |
小炒韭菜 | 白豆腐 |
荤菜
清蒸龙 | 鱼香肉丝 |
小炒肉 | 水煮肉片 |
课堂练习:
俺第一个实例成绩表
--表格-->
项目 | 上课
休息
星期 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | 星期六 | 星期日 |
上午
语文 | 数学 | 英语 | 英语 | 物理 | 计算机 | 休息
数学 | 数学 | 地理 | 历史 | 化学 | 计算机 |
化学 | 语文 | 体育 | 计算机 | 英语 | 计算机 |
政治 | 英语 | 体育 | 历史 | 地理 | 计算机1 | |
>下午
语文 |
数学 | 英语 | 英语 | 物理 | 计算机 | 休息
数学 | 数学 | 地理 | 历史 | 化学 | 计算机 | 无序列表
案例:
代码:
英雄精武门西游记☞type可以取disc、circle、square
有序列表
代码:
卢俊义吴用林冲☞type用于指定用什么来显示,start表示从第几开始计算.
Frameset框架集
用途主要是用于分割显示多个页面
☞framest和frame配合使用,一般讲是用于后台页面
快速入门:
代码
A2.htm