众所周知,Html标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,也是HTML最重要的组成部分。那么,在学习HTML标签时都有哪些难点呢?下面传智播客将针对这些难点一一进行解读.
一、 Html标签详解
1. 传智播客详解HTML5标签难点—框架标签
在一个浏览器窗口中可以放多个文件
把网页的窗口划分若干个小窗口,每一个小窗口都独立
注意:不要出现body标签
框架集 : frameset
框架集的属性
l cols =”左右划分”
cols=”200,*” 左边的是200px,剩下的给右边
cols=”*,200” 右边是200px, 剩下的给左边
cols=”200,200,*” 最左边的是200px,中间200px.剩下的给右边
l rows
l frameborder 是否显示框架的边框 yes no 1 0
l border 框架的宽度 border=”2”
l bordercolor 边框的颜色
框架页: 在框架页中可以放网页文件
框架页的属性
l src 每个小窗口中显示的文件 src=”xx.html”
l name 给小窗口命名,给链接用 target用
l noresize 禁止退拽,不允许改变小窗口的大小
l scrolling =”auto ///no” auto 如果内容不溢出,不出现滚动条,溢出的情况出现滚动条
l name 给小窗口起名字
里面的文件如果做链接想在对应的窗口中显示
target=”窗口名称”
下面的效果
浮动框架: 是在body中写 body的标签
格式 浮动框架的属性
l src 在浮动框架中显示的内容
l width 浮动框架的宽度
l height 浮动高度
l frameborder 是否显示框架的边框
l Scrolling 是否有滚动条 ,存在兼容问题
l name 给链接中target用
2. 传智播客详解HTML5标签难点—表单标签
表单主要是获取客户端数据(信息) ,通常就是用于让用户可以输入(选择)信息以提交到服务器端进行数据处理的html标签。
一个表单通常是由若干个表单项构成,比如用户名,密码,姓名,性别,学历。。。。。
表单的功能:具有交互能力
表单标签form
表单的属性 action
l method=”post/get” post数据提交到 文件处理程序,传送的数据量大
l get 通过地址栏传递提交的数据 安全性差,传递的数据小
l name 给表单命名
格式:
表单项
单行输入框 用户名 手机号 地址 身份证
格式:
常用的属性有 type=”text”
l name 把输入框命名
l value 输入框中显示的内容 ,
l size 输入框的宽度,显示的字符
l maxlength 限制你输入的最多字符数,如果超出不允许输入
l readonly 只能读,不能改
l disabled 禁止属性 不能选择也不能改
密码框 password
常用的属性有 type =”password”
l name 把输入框命名
l value 输入框中显示的内容 ,
l size 输入框的宽度,显示的字符
l maxlength 限制你输入的最多字符数,如果超出不允许输入
l readonly 只能读,不能改
l disabled 禁止属性 不能选择也不能改
单选按钮 radio
常用属性有
l name 代表组名
l value 每一项的值
l checked 默认被选中
复选框 checkbox
常用属性
l name 代表组名
l value 每一项的值
l checked 默认被选中
效果
文件域 file
只读的,鼠标去选择某个文件
常用的属性
name 文件域名
隐藏域 hidden重点 php程序用
格式
常用的属性 name
理解为form name 是大名 hidden 中的匿名
注意: 给程序员用的
多行文本框
常用的属性
l cols 一行显示多少个字符
l rows 行数 显示多少行
l name 名称
效果
下拉列表
格式
红色 绿色
select 的属性 name
常用的属性name
效果
按钮
按钮:
l 提交按钮
l 重置按钮
恢复到默认设置的状态
l 普通按钮
必须结合脚本语言 js ,php
常用的属性
name 按钮的识别名称 省略
注意:除了按钮以外其他的表单项中的name 都必须写
value 按钮上的文字
登录
登录的效果
3. 传智播客详解HTML5标签难点—标签的通用属性
body的属性
l background=”背景图片”
l bgcolor=”背景颜色”
l text=”文本的颜色 ”
二、 字符编码的奥秘
1. 字符集
gb_2312 gbk utf-8
gb_2312 gbk 国内的网站
utf-8 多国语言
保存的时候,编码是 ansi
注意:编码是 ansi
当今使用最多是utf-8 多国语言
2. 字符编码
为什么要有字符集,是因为计算机只能处理二进制数据0 1。为了让计算机能识别人类语言(0-9、a-z、A-Z、特殊符号),我们就需要对这每一个字符进行“编码”。所谓“编码”就是:每一个字符,可以用不同的二进制来表示。
假设:A 用二进制表示01100001 ,
ASCII编码:用1个字节(8位二进制)来表示所有字符,共可以表示 2^8 = 256 。
ANSI编码:其它国家,都对ASCII编码进行扩展,用于显示本国的语言。
ANSI在中文操作系统下,代表gb2312
ANSI在繁体操作系统下,代表big5
ANSI在日文操作系统下,代表JIS
……
用2个字节(16位二进制)(来表示,共可以表示 2^16 = 65536个字符。
GB2312中共收录了6763个汉字。
GBK编码:对GB2312进行扩充,收录了一些冷门字、罕见字、古汉语等。共收录2.1万个汉字。
Unicode编码:计划将世界上所有字符统一编码,用4个字节(32位二进制)来表示一个字符。
它的缺点:编码表文件太大了,不方便使用。用32位二进制表示一个字符,造成空间极大浪费。
UTF-8: (多国语言编码)
不同的字符,它会选择合适编码来进行翻译。
以上就是传智播客详解HTML5标签难点和字符编码的内容了,如果你想系统的学习相关知识,不妨来传智播客报名学习吧。