HTML学习文档.docx
- 文档编号:23316898
- 上传时间:2023-05-16
- 格式:DOCX
- 页数:27
- 大小:583.98KB
HTML学习文档.docx
《HTML学习文档.docx》由会员分享,可在线阅读,更多相关《HTML学习文档.docx(27页珍藏版)》请在冰豆网上搜索。
HTML学习文档
HTML是什么
HTML是超文本标记语言,而不是解释语言。
HTML的运行机制
我的第一个网页
--网页标题-->
Hello,world!
刚才我们是在本机上运行的,在本机上打开没有任何意义。
我们应该在远程主机上运行。
(服务器端运行)
运行原理图:
在100%的情况下(除非自己做测试),网页都是放在服务器上的。
首先我们得需要一个服务器。
Web服务器:
快速体验:
下边我把我的第一个网页放在我的Tomcat服务器下,供大家访问。
万维网也是如此。
开发HTML的工具
vDreamware
v记事本
vfrontPage
vVS
vmyEclipse
HTML基础学习
Html的基本结构
--网页标题-->
Hello,world!
不管HTML结构多复杂,都是
<元素属性=“属性值”...>内容元素>
注意:
1.元素又叫标记
2.元素内的属性可以有多个
3.元素中的内容可以没有,也就是纯标记元素
<元素属性=“属性值”.../>
HTML常见元素
字体
********************字体案例*************************************
--加粗字体-->
第一行文本(我是加粗字体)
--段落自动换行-->
第二行文本(我是一个段落)
--标签可以嵌套-->
第三行文本
--普通文本-->
--font标签不能换行换行使用br标签-->
--移动字体scrollamount速度direction移动的方向behavior移动的方式-->
跑啊!
跑!
--闪烁字体不一定能用-->
闪啊!
闪!
HTML特殊实体
在网页上有的时候会显示特殊的符号。
我们在键盘上是输不进去的。
因此需要HTML提供的符号实体。
HTML超链接
属性:
1.href:
链接的新地址
2.Target:
打开窗口的方式_blank,_self
************************超链接案例*******************************
--链接到自己写的网页-->
--链接到别人的页面-->
--可以链接到写邮件网页-->
785641675@">给我发邮件 HTML图像元素 注意: src: 也可以是外部网站的图片 ******图像案例************ HTML表格 表格的主要用途: 显示数据和图片,并且可以布局(把想放的元素放在指定的位置) 基本语法: 表格 行 单元格 Cellspacing: 单元格之间的距离 Cellpadding: 填充的大小单元格内的内容和单元格的距离,在一定程度上,会将表格撑大 Align: 布局有居中,居左,居右 Border: 边框宽度 成绩单案例 代码: ***********************表格案例********************************:
: : 单元格内是列名字体加粗 学号 姓名 成绩 1001 张三 100 1002 李四 69
菜谱案例:
代码:
***********************菜谱案例******************************
课程表案例
HTML列表
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于
- 标签。
- 。
语法
无序列表的类型:
1.实心圆disc
2.空心圆circle
3.实心矩形square
案例
有序列表
有序列表也是一列项目,列表项目使用数字进行标记。
语法
有序列表始于
- 标签。
- 标签。
有序列表的类型使用type属性
1.数字类型1
2.罗马类型i/I
3.字母类型a/A
设置列表的起始值使用start属性
案例
所有的代码
**********************无序列表*******************************
--默认是实心圆type="disc"-->
- 无名指的等待
- 爱我袁姗姗
- 最初的梦想
- 我很快乐
--空心圆-->
- 无名指的等待
- 爱我袁姗姗
- 最初的梦想
- 我很快乐
每个列表项始于
- 标签。
每个列表项始于
--实心方块-->
**********************有序列表*********************************
--默认是数字类型type="1"-->
默认是数字列表
- 无名指的等待
- 爱我袁姗姗
- 最初的梦想
- 我很快乐
小写字母列表
小写罗马字母列表
大写罗马字母列表
大写字母列表
有序列表从数字3开始
HTML框架(frameSet/frame同时使用)
框架结构标签
1.
2.定义如何把窗口分割成框架
3.每一个框架结构定义一系列的行和列
框架标签
1.
2.定义在框架中的html文档
基本语法
。
。
。
。
。
。
案例:
主:
左:
一起吃口的幸福EFO