传智播客 韩顺平 php从入门到精通 122讲html课堂笔记.docx
- 文档编号:5875074
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:48
- 大小:810.29KB
传智播客 韩顺平 php从入门到精通 122讲html课堂笔记.docx
《传智播客 韩顺平 php从入门到精通 122讲html课堂笔记.docx》由会员分享,可在线阅读,更多相关《传智播客 韩顺平 php从入门到精通 122讲html课堂笔记.docx(48页珍藏版)》请在冰豆网上搜索。
传智播客韩顺平php从入门到精通122讲html课堂笔记
Html+css 四天
Html是什么
1. html(hypertextmark-uplanguage)是超文本标记语言,主要的用处是做网页,可以在网页上显示文字、图像、视频、声音…
☞ 标记==元素
简单说明一下动态网页的示意图:
Html历史
1999html--xhtml(xhtml 可以理解成就是html的加强版)-àxml
|
2008html5.0
u W3c的介绍
是一个制定标准的组织 ( 比如 给 html,xhtml,css,xml,wml…制定标准)
☞ 不同的浏览器,去访问同一个网页,可能看到的效果是有差别!
->hack
Html的运行原理
Hello.html
Html的运行有两种方式
Html文件的基本结构
1.本地运行
所谓本地运行就是直接用 浏览器打开
2. 远程访问
l 何为协议?
计算机互相通信(网络)的规则.ftpsmtppophttp
远程访问的原理示意图:
☞ 这里我们涉及到http协议,这里我们没有深入讲解, 但是这是一个非常重要的知识点.
Html的基本结构
<元素属性1=”值”…./>
<元素属性1=”属性值” 属性2=“属性值” …>内容元素>
<元素属性=”属性值”/>
说明
1. 标记通常是成对出现
2. 单标记
案例:
html符号实体
说明:
当我们在网页中有一些特殊字符时候,可以考虑使用字符实体(charentity)
超链接的案例:
*****************
--如果我们希望在点击该超链接后,就跳转到外网的某个地址,则应当写完整的url-->
--url统一资源定位-->
hanshunping@">联系管理员 Demo1.htm
横看成林
--size值可以取1..7-->
30px;">不知庐山真面目 面试: 请问后缀html和htm有什么区别? 答: 1.如果一个网站有index.html 和index.htm 默认情况下,优先访问.html 3. htm后缀是为了兼容以前的dos系统8.3的命名规范 4讲图像表格实际应用-菜谱课堂练习-课程表 图片: Html的表格元素 在以前对网页布局要求不高的情况下,使用table布局(即使用表格来显示数据,同时用于布局) 快速入门:
--tr表示一行-->
应用案例 :
1. 确定行
代码 如下:
--
--tr表示一行
-->
--显示菜单-->
--colspan="3"表该列要占用三列-->
课堂练习:
成绩表
--表格-->
>下午语文
无序列表
案例:
代码:
☞ type 可以取 disc 、 circle 、 square
有序列表
代码:
☞type用于指定用什么来显示,start表示从第几开始计算.
Frameset框架集
用途主要是用于分割显示多个页面
☞ framest 和 frame 配合使用,一般讲是用于后台页面
快速入门:
代码
A2.html 页面用于保护其它页面
☞ 该页面不能有body和body体
b.html
--target表示我们点击后,目标指向谁-->