一:HTML入门
心得;学习html标签要记住主要的关键字,进行分类记忆
文本标签-----多为英文单词的第一个字母
超链接标签-----<a href 开头
图像标签-------<img
转义字符(以&开头,以;结尾)
表单标签--------<form
下拉标签--------<select
框架集------<frameset
1.软件结构分类: c-s结构(Client--Server 客户端--服务器端)
典型应用:QQ
特点:
1)必须安装特定的客户端程序
2)服务器软件升级,客户端的软件同步升级!
我们java就业班开发的软件,大部分都是基于BS结构的(BS--->Browser--Server 即 浏览器端--服务器端),这种软件俗称网站,网站是由网页组成。一个网页就是由html页面组成,html是一门网页制作的语言。
典型应用:
163网站,华育官网,游戏官网。。。
特点:
1)不需要特定的客户(只需要浏览器软件)
2)服务器软件升级,浏览器客户端不需要升级!
2.HTML语言
html语言是一门网页制作语言,html语言由标记组成,学习html就是掌握一些常用的标记
3.HTML的基本结构(基本标签)
<html> --html开始标签
<head> -- 文件头(用户在浏览器的主体是看不到的)
</head>
<body> --文件体(用户在浏览器的主体看得到)
</body>
</html> --html结束标签
4.文本标签(body里面的标签)
通过html代码和实时视图展示
5. 超链接标签
通过html代码和视图展现
常用的属性:
href 表示链接到的地址(文件)
target 打开资源方式 _self: 当前窗口打开, _blank: 新窗口打开
常见的协议:
file:// 本地文件协议(本地或局域网) 在href中不写就是使用这个默认协议
http:// http协议(执行流程) 通常连接到域名或IP地址(画图讲解http协议执行流程)
thunder:// 迅雷下载软件的协议
mailto:发送邮件协议
超链接作用;
1)链接到资源
2)作为锚点使用
打锚点: <a name="锚点名称"></a>
去到锚点: <a href="#锚点名称">内容</a>
6. 图像标签
img 图像标签
常用属性:
src : 表示图片源位置
width: 图片宽度
height: 图片高度
alt: 替代文本。当图片的src属性失效时,alt属性的内容就会生效
title: 提示文本。当鼠标放到图片上面出现。
地图(热点区域):map
热点: area,设置图片上可以被点击的区域(用工具做之后进行简单分析)
7.转义字符
在html语法中,存在一些特殊的字符,这些字符是不能直接原样输出。如果想让这些特殊字符原样输出的话,
那么就需要进行转义。
常见的转义字符:
特殊字符 转义字符(以&开头,以;结尾)
需求:在浏览器中显示:<h1>标题</h1>
< < letter than
> > greater than
& &
需求:在浏览器中输入 华育 国际
空格
王老吉加上商标和版权:
版权 ©
商标 ®
8. 表格标签
table 表格
tr 行
td 单元格
th 表头
caption 标题
常用的属性:
border 表格的边框
width 宽度
heigth 高度
align 对齐方式。 left: 左对齐 center:居中 right:右对齐
rowspan 行合并。把多行的单元格合并
colspan 列合并。把多列的单元格合并
9.表单标签(重点)
作用:用于采集用户输入的数据,提交给后台程序处理
表单标签:
<form> 就是一个表单
<input type="text"> 单行输入域
<input type="password"/> 密码输入域
<input type="radio"/> 单选按钮
<input type="checkbox"/> 多选按钮
<select/> 下拉选项
<input type="hidden"/> 隐藏域。特点:不会显示到html页面上,但可以携带数据。
<input type="file"/> 文件选择器
<textarea></textarea> 多行输入域
<input type="submit"/> 提交按钮(注册)
<input type="button"/> 普通按钮
<input type="reset"/> 重置按钮
注意:
form表单里面有两个属性需要大家注意:
action="表单需要提交到哪个路径"
method=get/post
10. 框架标签
frameset 框架集
属性:
cols: 按照列的方向来划分框架
rows: 按照行的方向来划分框架
以上两个属性的值填每个框架的比例或者长度
*号表示其他框架分配完之后剩下的比例
frame 表示一个框架,框架中包含一个html页面
有2个或2个以上的frame就会包含在frameset当中。