黑马程序员- html内容

来源：互联网发布：新浪发帖软件编辑：程序博客网时间：2024/05/15 06:53

---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ ----------------------

html内容
一，介绍

1,html就是超文本标记语言的简写，是最基础的网页语言
2，html是通过标签来定义的语言，代码都是由标签所组成
3，html代码不用区分大小写
4,html代码由<html>开始，</html>结束，里面由头部分<head></head>和体部分<body></body>两部分组成
5，头部分是给html页面增加一些辅助或者属性信息，它里面的内容会最先加载
6，体部分是真正存放页面数据的地方，
·多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束
·想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变。增加了更多的效果选择。
·属性与属性之间用“=”连接，属性值可以用双引号或者不用引号，一般都会用双引号双引号可以嵌套单引号。或公司规定书写规范。
·格式：<标签名　属性名＝＇属性值＇>数据内容<／标签名>＜标签名　属性名＝＇属性值＇　／＞

操作思想：
为了操作数据，都需要给数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。
对容器中的数据进行操作，就是在不断的改变容器的属性值。

字体：
1，字体标签：<font></font>其中常用的属性有size 和 color
2，标题标签：<h1></h1><h2></h2><h3....<h6></h6>
3,特殊字符：
< : <(lower than) > : > & : &" : "   : 空格

二，列表

4,列表标签:
1,<dl></dl>(define list)
<dt></dt>:定义上层项目
<dd></dd>定论下层项目
2,数字列表标签
<ol></ol> 其属性有:type="数字,字母" start="type的起始位,"
<li></li>
<ol type="1" start="1">
<li>数字标签列表</li>
<li>数字标签列表</li>
<li>数字标签列表</li>
<li>数字标签列表</li>
<li>数字标签列表</li>
</ol>

3,符号列表标签
<ul></ul>其属性有:type="符号 " start="type的起始位,"
<li></li>
如:
<ul type="circle">
<li>符号列表</li>
<li>符号列表</li>
<li>符号列表</li>
<li>符号列表</li>
<li>符号列表</li>
</ul>

注释:html中的注释

三，图像

水平线标签:<hr/>中的属性有color size
1,图片标签<img>
属性:src="路径" alt="图形说明文字" height="高" width="宽" border="边框"
2,可以利用dreamweaver软件来中的设计视图来绘制图片地图

表格
1,表格标签:<table></table>
表格标题:<caption></caption>
表头标签:<th></th>
行:<tr></tr> 属性:colspan="合并列" rowspan="合并行"
单元格:<td></td> 中的属性:align="数据的位置"
table标签属性:border="框线" bordercolor="框线着色" width="占浏览器的百分比或像素值" cellspacing="单元格和单元格间的距离当为0时会并合成一条线"
cellpadding="数据距单元格框线的距离(内边距)"

2, 单元格也自己的单元格框线,最外面的的框线就是表格框线

3, <tbody></tbody>标签
4,层次关系 table > tbody > tr > td,th

四，超链接（使用get提交）
1,标签<a></a>
属性:
,href="要链接的地址 "
href中可以写的:
mailto(邮件引擎):邮箱地址?参数信息(参数名=内容)多个参数信息用&连接
thunder://(迅雷引擎)"
默认文件引擎
,target="打开方式"
2,可以利用<a>标签跳转到指定的位置
<a name="top"></a>来定义标记
<a href = "#top"></a>来跳转到指定的位置

五，表单

1,标签:
表单标签:<form></from>需要与服务端进行交互时才写这个标签
属性：action="指向一个网络地址"
method="提交方式get或post"
输入标签:<input /> 一定要添加name和value属性以便提交给服务端
属性:type="根据type的取值可以体现许多组件的效果
可以取的值: text:文本框 password:密码框 radio:单选框 checkbox:复选框 file:选择文件 button:按钮 submit:提交 reset:重置 hidden:封装隐藏信息 image:图片也有提交效果"
当type的值取radio时,还必须添加一个name属性value,此name属性的值可以是任意的,但是必须保证在一个组里
当type的取值为text,password时要加入name属性
当type的取值为checkbox,hidden时,要加入name ,value两个属性
当type的值取button时,还必有添加一个value属性,此value属性的值可以是任意,就是给此按钮取一个名字
当type的值取image时,还要加一个src属性来连接一个图片

提交方式：(默认是get提交)
get:提交的信息会显示在地址栏上，对于提交敏感信息不安全，浏览器地址栏的存储数据大小是有限的ie只能存储2083，封装在消息头前面编码不太方便
post: 提交信息安全，可以提交大数据将数据封装到数据体后面编码方便

六，下拉菜单

1,标签
下拉菜单<select></select>属性:name的值可以自定义 multiple="multiple"信息显示在一个框内,可以使用size来指定要列出的个数,如果没有指定默认全部
子菜单:<option></option>属性:value的可以自定义,当value取none时,,此时为下拉菜单的默认内容

七，文体区

1,标签<textarea></textarea>属性：cols列，rows行
十，区域设置
1，标签<fieldset></fieldset> 将某一区域画线，<legend></legend>在此区域上加字
十一，快捷键标签
1，标签：<label></label>
属性： for:指定快捷键作用的表单元素，必须与要作用的表单元素的id值相同使用此属性时要在input标签中加入id属性
accesskey:指定快捷键，此快捷键需要和alt键组合使用
当引标签作用到一行时，鼠标只要点击这一行时，光标就可以在文本框上。

八，其它标签
1，pre标签，保留数据原样，可以在里面写入代码
2，br标签，换行
3，b标签加粗 i 标签斜体 sub下标 sup上标
4，marquee标签，，此标签可以实现滚动属性：direction运动方向 behavior：运行的方式slide:下来就落地了
十三,头标签
1，<base></base>属性：href:指定网页中所有的超链接的目录，可以是本地目录，也可以是网络目录，注意：值得结尾处一定要用/表示目录，只作用于相对路径的超链接文件
target:指定打开超链接的方式，如：_blank 表示所有的超链接都用新窗口打开显示

2，<meta></meta>标签属性：name：网页的描述信息，，当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索
http-equiv:模拟http协议的响应消息头
<meta http-equiv="refresh" conntent="3;url=http://www.sina.com.cn" />表示打开此页面3秒后自动转到新浪页面

3，<link />:
属性：rel:描述目标文档与当前文档的关系
type:文档类型
href:文件地址
media:指定目标文档在哪种设备上起作用 screen,print屏幕和打印机

XHTML XML（可以自定义标签，语法严格国际流行）
XHTML是可以扩展的超文本标记语言（Extensible hyperText Markup Language）
·XHTML是w3c组织在2000年的时候为了增强html推出的，本来是想替代html但是发现Internet上用html写的网页太多，未遂，可以理解为它是html一个升级版（html4.01）
·XHTML的代码结构更为严谨，是基于XML的一种应用 XML是可扩展标记语言（Extensible Markup Language）
·XML是对数据信息的描述，html是数据显示的描述
·XML代码规定的更为严格，如：标签不结束被视为错误
·XML规范可以被更多的应用程序所解释，将成为一种通用的数据交换语言
·各个服务器，框架都将XML作为配置文件

<!：注释 DOCTYPE：文档声明类型 html：通常和根标签名一至只有一个 PUBLIC：国际很多规范所定义的关键字大型国际化组织定义的，另外一个关键字stystem一些小型组织制定的
"-//W3C//DTD XHTML 1.0 Transitional过度版//EN"
"http://www.w3.org/TR/xhtml1/DTD/ ：文件所属的空间xhtml1-transitional.dtd">
<html xmlns：名称空间="http://www.w3.org/1999/xhtml">
扩展：
dtd文件：对标记型文档进行约束的文件，约束文档文件

九，html回顾
1，html语言中是由标签组成的
2，html中的数据都会封装在标签中，因为可以通过标签中的属性值的改变对封装内数据进行操作
3，确定html代码范围<html></html>在该范围中可以定义两部分内容一部分是头一部分是体
<html>
<head>网页的一些属性信息，比如:标题</head>
<body>网页显示的数据</body>
</html>

4，标签的特点：对于数据进行封装，那么就有开始标签和结束标签，但是也有一引起标签只体现单一功能，所以不需要结束标签，规范中要求标签
必须要结束。如:,<br /> <hr /> <img /> <input />
5,标签格式：<标签名属性名=“属性值”>数据</标签名>
<标签名属性名=“属性值” />

6,常见标签：
字体：<font></font> 如：<font size="5" color="#ffff00">数据</font>
如果要在页面显示一引起特殊符号民，需要进行转义。<:< >:> &:& 空格: 
标题：<h1></h1><h2></h2>
列表标签：<dl></dl>
上层项目：<dt></dt>
下层项目：<dd><dd>会自动缩进
项目符号标签：这两个标签中的列表项都由<li>标签封装会自动缩进
<ul>:图形
<ol>：数字
图像标签：<img />
<img src="路径" alt="图像说明文字" />
表格标签：<table></table>
标题标签：<caption>
表格由行所组成，行由单元格组成。表格中默认都有一个tbody标签
<table border="1" bordercolor="red" width="69%" cellpadding="10" cellspacing="0">
<tr>
<th></th>
<td></td>
</tr>
</table>
表格是最常用的标签，用于对数据进行格式化的

超链接：<a></a>
<a href="链接路径" target="_blank" title="显示标题">链接</a>
当被点击后，会启动引擎对应解析程序。去查找指定主机，
1，先找本地主机的host文件，如果没有找到该主机对应的ip地址
2，去公网dns服务器上找对应的ip地址
邮箱协议：matilto：abc@shuo.com?subject=hshs&cc=QQ@17.com
迅雷协议：thunder:文件路径
超链接的另一个作用：
定位标记：<a name="top">一个位置</a>不能点，只有具备href属性时才可以点
<a href="#top">获取那个位置</a>

表单标签：<form></form>
该标签是可以和服务端进行交互的
表单标签中元素：
<input>:该标签因为type属性的值的不同，所对应的组件也不一样
type属性：
1，text:文本框，输入的文本是可见的
2,password;密码框，输入的文本不可见。
3,radio:单选框，注意：要被选中，必须要给单选框定义一个name属性，当有多个单选框时，只能有一个单选中，那么这些单选框的name值必须相同
4,checkbox;复选框，当对多个数据进行同时选中时
5,submit:提交按钮，将组件中添加的数据提交到指定的目的地
6,reset:重置按钮，将组件中被操作的效果还原到初始状态
7，file:可以进行文件选择的组件，通常用于附件，或者文件上传
8，hidden:隐藏组件，该组件的不会页面上显示，但是其定义的name和value可以提交到服务端
9,button：按钮组件，自定义一个按钮默认是没有任何效果的，可以通过注册事件并加入自定义效果
10，image:图像组件，为了避免提交按钮的难看，可以通过image的src属性链接一个好看的按钮图片完成提交效果

下拉菜单：<select></select>
每一个下拉菜单项都有option进行封装
文本区域:<textarea></textarea>
表单组件通常都需要定义name和value属性，因为要将数据发送给服务端。服务端只有知道了该name的值才可以对提交的数据进行分别获取

form 标签中的常见属性：
action:指定数据提交的目的地，
method:提交方式。两种常用值:get和post get为默认

get和post 区别：
get:会将提交的数据显示在地址栏上提交数据的体积受地址栏的限制对敏感信息不安全会将提交信息封装在请求行，也就是http消息头之前
post:不会将数据显示到地址栏上可以提交大体积数据对敏感信息安全会将提交信息封装在数据中，也就是http消息头之后的空行后

对于服务端而言：
表单提交尽量用post 因为涉及到编码问题。因为tomcat服务端默认的解码是iso8895-1
对于post提交的中文，在服务端可以直接使用setCharacterEncoding("gbk")就可以解决
对于get提交的中文，在服务端只能通过ios8895-1将数据编码一次，在通过指定的编码表如gbk解码

使用表单的组件不一定要定义form标签，只有需要将数据进行服务端的提交时候才会用到form标签

---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流！ ----------------------

0 0