传智播客详解HTML5标签难点 !

[摘要]众所周知,Html标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,也是HTML最重要的组成部分。那么,在学习HTML标签时都有哪些
众所周知,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标签难点和字符编码的内容了,如果你想系统的学习相关知识,不妨来传智播客报名学习吧。




免责声明:

本站系本网编辑转载,会尽可能注明出处,但不排除无法注明来源的情况,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系, 来信: liujun@soft6.com 我们将在收到邮件后第一时间删除内容!

[声明]本站文章版权归原作者所有,内容为作者个人观点,不代表本网站的观点和对其真实性负责,本站拥有对此声明的最终解释权。