html标签中id和name的区别

合集下载

HTML代码中IMG标签的全部属性

HTML代码中IMG标签的全部属性例:写一段图片HTML代码<img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="测试">该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性.那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人, 以下通过测试的IMG的全属性为156个,不包括子属性,而且还只是这一个img 标签的....虽然有些看起来用在IMG标签上不太合理,但确实是有效使用,IE中无错且有返回值.关键在于看你怎么用了,除了有些不常用的属性不太清楚以外,以下全是手工输的,花了4个小时,对你有用没用就看你怎么想了.不过如果你了解了以下的说明后网页的美化和代码的理解就可以扫盲和DIY了以下的img可用的属性如果你只用过10个不到,那就只能说明你菜.......language = //语言类型,如<script language="vbs">这句代码中的language 属性的值就为vbsscrollHeight = 30 //自身元素的宽度(即显示的宽度)isTextEdit = false //是否可以获取可使用该对象创建一个TextRange的对象currentStyle = 该属性含有114个对象 //返回当前属性的值,不可更改它的值document = 该属性含有209个对象 //这个就不用说了吧,是文档属性,onmouseup = null //鼠标按下后松开鼠标时触发此事件oncontextmenu = null //鼠标点右键后触发的事件isMultiLine = true //是否允许含有多行文本,多用于文本框,用在img标签上无错,但效果不大clientHeight = 30 //当前可见的该标签的高度为30,onrowexit = null //数据源控件更改这个标签内的当前的行时触发某事件,多用在form表中onbeforepaste = null //当在这个标签中粘贴内容时触发某事件,多用在文本框中onactivate = null //当这个控件被触发时(被点击或者焦点移到了该标签上)发生某事件,scrollLeft = 0 //被卷入的离左边界的宽度lang = en-us //语言属性,和language不同,这个等同于网页语言onmousemove = null //当鼠标在该标签上移动时发生某事件onmove = null //浏览器的窗口被移动时触发此事件onselectstart = null //当这个标签中的文本被选择时发生某事件parentTextEdit = 该属性含有352个对象 //又一个华丽的属性....用在框架中,作用详见第3条oncontrolselect = null //当用户将要对该对象制作一个控件选中区时触发某事件canHaveHTML = false //获取表明对象是否可以包含丰富的 HTML 标签的值,效果不明onkeypress = null //当键盘上的被按下时发生某事件,oncut = null //当该标签中发生剪切事件时触发某事件,常用于文本档标签,I onrowenter = null // 当前记录指针被移动时发生某事件,常用于文本档,onmousedown = null //按下鼠标时触发某事件onpaste = null //当在该标签中发生粘贴事件时触发某事件className = //当前标签的样式名称,这个属性常和CSS混用,比如PW的贴子目录页就用了这个id = imgs //该标签的ID值是多少onreadystatechange = null //在同步执行方式下返回的值为多少,该死的XML就和这个经常私混onbeforedeactivate = null //当前对象变为其它对象之前立即触发,好像不常用hideFocus = false //是否隐藏光标,常见于文本框dir = //它定义文字在浏览器中的排列方向,如dir= LTR则为从左到右显示反之则为 RTL,郁闷的特效isContentEditable = false //该标签无素是否可编辑,经常见于某个论坛的发贴"所见即所得"onkeydown = null //当键盘某键被按下时clientWidth = 30 //在IE中可见的高度为多少onlosecapture = null //当对象失去鼠标捕捉时触发某事件parentElement = 该属性含有495个对象 //又来一个华丽的框架获取父页元素的对象...ondrag = null //这个标签被拖动结束时发生某事件ondragstart = null //这个标签被拖动开始时发生某事件oncellchange = null // 在数据供应者中的数据变更时触发,XML可用这个玩意,我还没用过recordNumber = null //获取数据集中生成对象的原始记录,同上,XML可用onfilterchange = null //当该标签中的filter特效被改变时触发某事件onrowsinserted = null //当在当前记录集中插入新行后触发某事件ondatasetcomplete = null //数据设置完成时触发某事件,常用于控件当中,这个属性我也没用过onmousewheel = null //这个就是传说中的可以用鼠标滚动来触发某个事件... ondragenter = null //当鼠标拖动到这个标签中时触发某事件,没用过,不知道有没效onblur = null //当这个标签失去焦点时发生某事件,常见于文本框onresizeend = null //当用户更改完控件选中区中对象的尺寸时触发某事件 onerrorupdate = null //更新数据源对象中的关联数据出错时在数据绑定对象上触发某事件,XML...onbeforecopy = null //在复制前触发某事件ondblclick = null //鼠标双击时触发某事件scopeName = HTML //该元素定义的命名空间类型,不常用,反正我没用过onkeyup = null //当键按下之后被释放时触发某事件onresizestart = null //被开始改变其窗口大小时触发某事件nmouseover = null //当鼠标从该标签上移出去触发某事件onmouseleave = null //当用户将鼠标指针移出这个标签边界时触发某事件outerText = //用来获取该标签中的纯文本,包含起始处innerText = //同上,但不包含起始处onmoveend = null //当前窗口被移动完成时触发某事件tagName = IMG //这个标签的名称是某值,如该值,即IMGtitle = //主题说明,这个不说了,大家都用过offsetWidth = 30 //可见的区域的高,与clientWidth不同,它还包含边线onresize = null //当窗口被改变大小时触发某事件contentEditable = inherit //该标签是否可直接编辑,不为FALSE,能为true,inherit是默认值,继承原设定runtimeStyle = 该属性含有627个对象 //返回该标签的样式(总为空),和style与currentStyle有区别,filters = 该属性含有628个对象 //这个比较郁闷,没用过ondrop = null //拖动时发生某事件onpage = null //常用于XML的在线编辑,偶没用过,不知道具体例子onrowsdelete = null //当行将要从记录集中被删除时触发某事件tagUrn = //设置或获取在命名空间声明中指定的统一资源名称,没用过,应属于稀有属性了offsetLeft = 10 //离左边相对窗口的宽值,常用于浮动的图或层显示clientTop = 0 //距上边相对可见的窗口的高度为多少.这个倒没常用,凡正浮动特效不必靠它style = 该属性含有760个对象 //该标签的风格属性,这个大家都用得多了onfocusout = null //在移动焦点到其它元素之后立即在当前拥有焦点的元素上触发某事件,..clientLeft = 0 //同71,只是值为距左边的值ondatasetchanged = null //记录集中的数据修改完毕时触发某事件,XML中常见canHaveChildren = false //该标签是否可以包含子对象ondeactivate = null //用户切换到另一元素时触发,可见于网页编辑器的保存功能,isDisabled = false //是否可与该标签交互,常见于华丽的选项特效onpropertychange = null //当这标签属性被改变时发生某事件,这个巨有用,可用来作JS的安全检查ondragover = null //拖动移动该标签时发生某事件,感觉用JS写扑克牌游戏时经常用onhelp = null //当被按下F1或帮助按钮时发生某事件,这个可以用来自定义帮助信息,比如用在PW上ondragend = null //在拖动结束的时候,在源对象上出发某事件,这个还是感觉用来写扑克牌的....onbeforeeditfocus = null //在该标签被选中编辑前触发某事件,在线编辑,,,貌视不常用disabled = false //该标签的内容是否为禁止编辑,常见于文本框onfocus = null //当该标签获得焦点时触发某事件,常用于PW的百度广告点击插件..汗...behaviorUrns = 该属性含有762个对象 //附加到该元素行为的URN字符串的集合,这个没用过.....accessKey = //服务器控件指定键盘快捷键,比较好的JS网页游戏这个经常用,汗死......onscroll = null //滚动条被拉动时发生某事件onbeforeactivate = null //控件被触发前发生某事件,按钮之类的常用onbeforecut = null //在内容被剪切前发生某事件readyState = uninitialized //是否为只读属性,常用于该死的XMLHTTPall = 该属性含有763个对象 //all这玩意JS里面常用,是属性全局属性sourceIndex = 4 //获取对象在源序中的依次位置,常用在all集合中,是个很爽的属性onclick = null //当被当击时发生某事件scrollTop = 0 //被卷上去的高值为多少oncopy = null //当被复制时发生某事件onfocusin = null //当将要被设置为焦点之前触发某事件tabIndex = 0 //使用"Tab"键的遍历顺序,后面的数字就是顺序,从0到大的顺序,很爽的一个娱乐类属性onbeforeupdate = null //成功更新数据源对象中的关联对象前触发某事件,XMLHTTP中用outerHTML = //这个就是当前标签(包含标签)的全部内容是什么,返回HTML代码,JS常用的玩意innerHTML = //同上,但不包含标签,即不包含<和>两个符号之间的内容ondataavailable = null //只要一获得有效的数据就会被触发某事件,XMLHTTP.....offsetHeight = 30 //可见区域高,包含边框onmovestart = null //当本标签开始移动时触发某事件onmouseout = null //当鼠标移出该标签时触发某事件scrollWidth = 30 //全标签的宽值offsetTop = 15 //在可见区域中离顶部的高onmouseenter = null //鼠标移入时发生某事件onlayoutcomplete = null //LayoutRect 停止响应后触发某事件offsetParent = //该属性含有906个对象 //指定父座标的属性,...华丽的代码堆.....onafterupdate = null //当成功更新数据源对象中的关联对象后发生某事件 ondragleave = null //当拖曳操作过程中将鼠标移出合法拖曳目标时在该标签上触发某事件children = //该属性含有907个对象 //又是一个数组属性堆....start = fileopen //一个比较牛B的属性,可以定义当某事件发生时再执行该标签内容,常见于多媒体firstChild = null //指定节点的首个子节点的值是什么,XML DOM中用....偶没用过....href = http ://localhost/phpwind6/zx/6. jpg //标签中的链接地址height = 30 //高度值alt = 测试 //图片说明isMap = false //是否为热点图片,就是一个图片上可以有N个链接的那种fileModifiedDate = 04/16/2008 //文件修改日期是多少,在图片上点个右键就可以看到的fileUpdatedDate = 02/13/2008 //同上,但是为最后的更新日期,貌视2个大多数情况下都一样dataSrc = //指定绑定到指定对象的给定数据源的字段,看XML去.....onerror = null //标签中的内容被加载错误时触发某事件hspace = 0 //设置或返回图像的左边缘和右边缘的空白,配合JS又将是一个华丽的图片特效....previousSibling = null //某节点之前紧跟的节点(处于同一树层级) ,又是XML.....loop = 1 //媒体文件的开启次数,这个常见吧?没想到还能用在IMG标签..... protocol = 超文本传输协议 //协议类型lastChild = null //返回指定节点中的最后一个子节点,还是XML.....nodeName = IMG //传回该标签的名称,..为只读属性....这就是和TagName的区别....nodeType = 1 //返回已选节点的节点类型。

第章习题及参考答案 (1)

第1章习题及参考答案一．单选题1．（C ）技术是基于Java Servlet以及整个java体系的Web开发技术。

A．CGI B．ASP C．JSP D．PHP2．下面哪一个不是动态网页技术（D ）。

A． B．ASP C．JSP D．HTML3．在客户端网页脚本语言中最为通用的是( A )。

A．JavaScript B．VB C．Perl D．ASP4．下列描述错误的是( B )。

A．DHTML是HTML基础上发展的一门语言B．HTML主要分为两大类：服务器端动态页面和客户端动态页面C．客户端的DHTML技术包括HTML4．0、CSS、DOM和脚本语言D．DHTML侧重于WEB内容的动态表现5．可以不用发布就能在本地计算机上浏览的页面编写语言是（B ）。

A．ASP B．HTML C．PHP D．JSP6．一个HTML文档必须包含3个元素，它们是html、head和（B ）。

A．script B．body C．title D．link7．下面（C ）是换行符标签。

A．<body> B．<font> C．<br> D．<p>8．为了标识一个HTML文件，应该使用的HTML标记是( C )。

A．<p></p> B．<boby></body> C．<html></html> D．<table></table> 9．在静态网页中，必须使用（A ）标记来完成超级链接。

A．<a>…</a>B．<p>…</p>C．<link>…</link>D．<li>…</li> 10．用HTML标记语言编写一个简单的网页，网页最基本的结构是（D ）。

A．<html> <head>…</head> <frame>…</frame> </html>B．<html> <title>…</title> <body>…</body> </html>C．<html> <title>…</title> <frame>…</frame> </html>D．<html> <head>…</head> <body>…</body> </html>11．以下标记符中，用于设置页面标题的是（A ）。

html中设置锚点定位的几种常见方法

在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：1、使用id定位：代码如下:<a href="#1F" name="1F">锚点1</a><div name="1F"><p>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br>11111111111</br></p></div>这样的定位可以针对任何标签来定位。

2、使用name定位：代码如下:<a href="#5F">锚点5</a></br></br></br></br></br></br></br></br></br ></br></br></br></br></br></br></br></br>&l t;/br></br><a name="5F">1111111</href>使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。

DIV标签详细介绍

DIV标签详细介绍DIV标签详细介绍div 是 division 的简写，division 意为分割、区域、分组。

⽐⽅说，当你将⼀系列的链接组合在⼀起，就形成了⽂档的⼀个 division。

<div> 可定义⽂档中的分区或节（division/section）。

<div> 标签可以把⽂档分割为独⽴的、不同的部分。

它可以⽤作严格的组织⼯具，并且不使⽤任何格式与其关联。

如果⽤ id 或 class 来标记 <div>，那么该标签的作⽤会变得更加有效。

id与class的区别class⽤于元素组（类似的元素，或者可以理解为某⼀类元素），⽽id⽤于标识单独的唯⼀的元素。

class可以在页⾯⾥⾯重复使⽤，id由于在页⾯⾥⾯只能出现⼀次，所以不能重复使⽤，所以尽量⽤class来写，这样能在页⾯⾥⾯重复引⽤你写的css，减⼩⼯作量和代码量。

这种情况尽量⽤id：页⾯⼤的模块⾥⾯，⽤id来区分不同的模块，⽐如页⾯⾥⾯有这样的模块：最新新闻，推荐新闻等，就可以考虑⽤id来区分。

还有⼀点，由于id是页⾯中唯⼀的，更多的是定义来留给给页⾯⾥⾯的javascript⽤。

补充：class和id在页⾯⾥⾯的使⽤⽅法：－－－－－－－－－－－－－－－－－－－class：footerid：footer定义class的css是⽤点：“.”，如.footer定义id的css是⽤井号“#”，如#footer如下⾯：* {margin: 0px;padding: 0px;}body{width:910px;height:auto;margin-left:auto;/*左右⾃动可以居中*/margin-right:auto;}.header{background-color: #F6F;float: left;height: 80px;width: 910px;}.content{background-color: #FCF;float: left;height: auto;width: 910px;margin-top: 20px;padding-bottom:20px;}.left{background-color: #930;float: left;height: 500px;width: 290px;margin-top: 20px;margin-left: 10px;display:inline;/*先把这个去掉看下，边距的问题，在IE6下双边据。

html的基本标签含义

<html>:表示html文件的起始和终止，<html>标签在首行，</html>标签在最后一行，两个要一起使用，网页中其他内容都要放在这两个标签之间。

<head>:表示网页的头部标签，用来定义文件的头部信息，与<html>标签一样，也是<head></head>成对使用。

<body>:表示出文件主体区，<body></body>之间是网页的主题内容和其他用于控制文本显示方式的标签。

<title>:网页标题，用于定义浏览器窗口标题栏上的文本信息，可以是网页的标题名或创作信息等网页说明信息。

<hr>:用于显示水平线，使页面看起来更整齐明了。

<pre>:将内容以原始格式显示。

<address>:标注联络人姓名、电话、地址等信息。

<blockquote>:区段引用标签。

<!————>:注释标签，使用注释标签的目的是为网页代码中不同部分加上说明，方便日后的修改。

注释的内容是不会在浏览器上显示出来的，如<——要注释的内容——>。

<p>:文本段落，可以用align属性设置left、center、right 3种对齐方式。

<br/>:强制换行，没有结束标签，在网页中产生换行效果。

<center>:使文字或其他网页元素居中显示。

<marquee>:文本或图片移动显示，属性direction用来指示移动方向。

<dl>、<dt>、<dd>:<dl></dl>标签创建无序列表，<dt></dt>定义上层项目，<dd>、</dd>定义下层项目，<dt>、</dt>和<dd></dd>标签一定要放在<dl></dl>标签中才能使用。

name与id的区别

这里得到的是一个数组
document.getElementsByName(xxx); 取出的数组
document.getElementById(xxx); 取出是单个对象
还有需要注意的
有些元素比如 div 可以用 id名字直接得到对象
<div id="div1"></div>
用id获得：
docuement.getElementById("username");
docuement.getElementById("pwd");
有时候name 可能会出现相同的名字，所以这时候我们用name获得就无法确定获得的是哪个值了。
document.getElemntsByName("username");
二、以下元素input、select、form、frame、iframe用name，而以下元素table、tr、 td、div、p、span、h1、li用id，表单元素(form input textarea select)与框架元素(iframe frame)用 name，这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的.
在html中：name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。
name是用来提交数据的，提供给表单用，可以重复；
id则针对文档操作时候用，不能重复。如：document.getElementById()；
一、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息，在form里面,如果不指定Name的话,就不会发送到服务器端。

HTML的form表单标签

HTML的form表单标签表单HTML 表单⽤于搜集不同类型的⽤户输⼊。

㈠Form标签⑴form标签简介在HTML中，如果创建⼀个表单，就把各种表单标签放在<form></form>标签内部。

我们常说的表单，指的是⽂本框，按钮，下拉列表等的统称。

form⼀共有五个重要属性，分别是name，action，method，enctype和target属性。

语法：<form>表单各种标签</form>⑵表单名称name属性⼀个页⾯中，你的表单可能不⽌⼀个，为了区分这些表单，使⽤name属性来给表单进⾏命名。

这样也是防⽌在表单提交之后，在后台程序中出现混乱。

语法：<form name="表单名称">......</form>表单名称中不能包含特殊字符和空格。

⑶提交表单action属性在form标签中，action属性⽤于指定表单数据提交到哪个地址进⾏处理。

语法：<form action="表单的处理程序">......</form>表单的处理程序是表单要提交的地址，这个程序地址⽤来处理从表单搜集的信息。

这个地址可以是相对地址，绝对地址，也可以是⼀些其他形式的地址。

⑷传送⽅法method属性①在form标签中，methon属性的作⽤是告诉浏览器，指定将表单中的数据使⽤哪⼀种HTP提交⽅法，取值为get或post。

②methon属性取值：属性值说明get 默认值，表单数据被传送到action属性指定的URL，然后这个新的URL被送到处理程序上post 表单数据被包含在表单主体中，然后被传送到处理程序上③这两种⽅式的区别在于，get在安全性上较差，所有的表单域的值都直接显⽰出来了。

⽽post除了可见的脚本处理程序之外，其他信息都可以隐藏。

所以在实际开发中，通常选择post处理⽅式。

HTML,CSS编码规范

HTML、CSS编码规范1.基本原则* 遵循内容（HTML）、显示（CSS）、行为（JavaScript）分离的代码组织模式* 代码格式化，保持干净整洁2.HTML部分2.1.添加必须的utf-8的字符集，并且使用HTML5的简洁方式：<meta charset="utf-8" />2.2.遵循xhtml 1.0规则：1)所有标签必须小写2)标签属性必须使用成对引号（单引号或双引号）3)标签属性必须有值：<select><option selected="selected"></option></select><input type="checkbox" checked="checked" />4)特殊符号必须转义（&、<、>、©、»…）2.3.标签属性命名规范id：_连接符命名法“hello_world”class: -连接符命名法“hello-world”name：骆驼式命名法“helloWorld”1)表单元素的id必须加以下前缀label：lbltext：txtpassword：txttextarea：txtfile：txtradio：radcheckbox：chksubmit：btnreset：btnbutton：btnhidden：hid2)应使用统一的结构布局的元素id命名3)name命名一般用于表单元素，根据当前元素id属性值命名，去掉id属性值的前缀和所有连接符，使用骆骆式命名法命名，例如id=”txt_id_card”，那么name=”idCard”。

2.4.要合理使用标签，语义化结构1)标签合理嵌套a、span、strong、em、p、h1~h6等元素不能包含：div、ul、ol、dl、p2)避免多余的div、span、table标签，正确使用标签表现DOM结构，在文档去除css的情况下，仍然具有结构和可读性，以下是html标记的使用规范：p：文本段落；dl：定义列表，可包括标题和内容简介的列表；ul：无序列表；ol：有序列表；h1~h6：文章标题、内容区块标题，根据重要性由大到小区分，h1一个页面只出现一次；strong/em：强调文本；img：图像，必须加上alt属性，当图像无法显示时，可表示图像信息，背景和按钮使用css 处理，不使用img元素；3)合理化表单结构a)使用fieldset元素包裹相同类别的字段；b)使用legend元素表示字段类别名称；c)使用label表示字段文本，添加必要的for属性，以在点击字段文本时，文本框能获得焦点；d)文本框不使用size属性定义宽度，而使用css的width属性；e)要添加maxlength属性限制输入字符的长度。

HTML考试试卷

HTML考试题目（50道)1．下列代码编写符合XHTML1。

0标准的是（)。

A．〈p〉这是一个段落</p>B．<div>这是一个层〈/span>C．〈br〉D．<hr〉2．下列标签不属于行内标签的有（）。

[选二项]A．<div〉B．〈span〉C．<hr>D．<br〉3．下列不属于XHTML编写规范的是（)。

A．XHTML元素必须正确地嵌套B．属性名称无须区分大小写C．用id属性代替name属性D．标签名称必须使用小写字母4．关于XHTML 1。

0规定的级别声明，下列选项中属于严格类型的是（)。

A．StrictB．Tra n sitionalC．FramesetD．Mobile5．下列HTML标签中，默认占据整行的是（)。

[选二项]A．〈h1〉B．〈div>C．〈span〉D．<a>6．下列HTML代码片段中，符合XHTML使用规范的是（).A．<table〉<tr>〈td></tr〉</table〉B．〈input type=”checkbox”checked /〉C．<img src=”title。

jpg”alt=”Welcome"〉D．<hr />7．下列选项中，（)可以设置网页中某个标签的左外边距为5像素。

[选二项］A．margin：0 5pxB．margin：5px 0 0 0；C．margin:0 0 0 5px；D．padding—left:5px；8．下列选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是（）. A．margin：0 autoB．padding：0 autoC．text—align：centerD．vertical-align:middle9．在HTML中，DIV默认样式下是不带滚动条的，若要使〈div>标签出现滚动条，需要为该标签定义( ）样式。

HTML基础知识总结

HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性：多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类：块状元素、⾏级元素块状元素：⼀般都是新起⼀⾏，可以容纳⾏内元素和其他块级元素；⾏级元素：⼀般都是语义级别的基本元素，⼀般只能容纳⽂本或者其他⾏内元素。

块状元素和⾏内元素的区别：1 、块级元素会独占⼀⾏，其宽度⾃动填满其⽗元素宽度；⾏内元素会排列到同⼀⾏⾥，其宽度随元素的内容变化⽽变化。

2 、块级元素可以设置宽⾼；⾏内元素设置宽⾼⽆效。

3 、块级元素可以设置 margin ， padding 属性；⾏内元素的⽔平⽅向的 padding会有边距效果，但是竖直⽅向的 padding没有效果。

（此处的属性稍后介绍）属于块状元素的：标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li，⽆序列表标签 ul--li，定义描述标签 dl-dt-dd，容器标签 div：属于⾏级元素的：范围标签： span图像标签： img基本结构：常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签：⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签：图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签：<div>中间放其他标签的容器<div/>超链接和锚链接：<a><a/>属性 name：锚点 herf：⽬标（⽹页#锚点）规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格：属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签：标题和逻辑分区标签表格标题：<caption>标题⽂字<caption/>表格逻辑分区：thead tbody tfoot表单id:· 元素的唯⼀表⽰，不重复name: 表单项元素的名称，服务器获取数据通过该名称value: 表单项元素的值，服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读，⽤户只能看不能改disabled：表⽰禁⽤，该元素不能改⽽且背景是灰⾊⽂本框：密码框：单选按钮：复选框：⽂件域：⽇期-h5中的新特性：隐藏域：下拉列表框：⽂本域：按钮：提交按钮、图⽚按钮、重置按钮、普通按钮最终效果：地址栏内容：dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集：HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li ：常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。

简述使用html创建表单的基本步骤

简述使用html创建表单的基本步骤创建表单是一种常见的网页设计需求,表单可以让用户输入数据或提交表单数据。

下面是创建HTML表单的基本步骤:步骤1:HTML标签在HTML中,表单需要使用<form>标签来创建。

该标签包含多个子标签,如<label>标签用于显示表单输入字段的名称</label>,<input>标签用于定义表单输入字段,<button>标签用于创建提交按钮。

例如:```<form><label for="name">姓名:</label><input type="text" id="name" name="name" required><button type="submit">提交</button></form>```步骤2:标签属性表单中的每个输入字段和提交按钮都需要指定属性,以便在服务器端正确地处理它们。

这些属性包括:- `<input>`标签的属性:type(输入类型),id(标识符),name(用于在服务器端查找属性值的名称),required(是否是必须的),value(输入值),pattern(正则表达式)。

- `<button>`标签的属性:type(提交类型),name(用于在服务器端查找属性值的名称),value(提交值),background(背景颜色),color(颜色),hover(hover 状态),优惠政策(是否在浏览器缓存中保留按钮)。

例如:```<form><label for="name">姓名:</label><input type="text" id="name" name="name" required><button type="submit" name="submit" value="提交">提交</button> </form>```步骤3:表单数据表单数据通常通过<input>标签中的type属性指定,例如:```<form><label for="name">姓名:</label><input type="text" id="name" name="name" required><input type="password" id="password" name="password" required> <input type="submit" value="提交"></form>```步骤4:提交表单数据当用户完成表单并单击提交按钮时,浏览器将向服务器发送表单数据。

JS中getElementById()、getElementsByName()、getElementsByTagName() 的区别和应用

JS中getElementById()、getElementsByName()、getElementsByTagName() 的区别和应用getElementById() 方法可返回对拥有指定ID 的第一个对象的引用语法：document.getElementByIdx_x_x(id)getElementsByName() 方法可返回带有指定名称的对象的集合语法：document.getElementsByName(name)两者的不同点：（1）该方法与getElementById() 方法相似，但是它查询元素的name 属性，而不是id 属性。

（2）因为一个文档中的name 属性可能不唯一（如HTML 表单中的单选按钮通常具有相同的name 属性），所有getElementsByName() 方法返回的是元素的数组，而不是一个元素。

getElementsByTagName_r() 方法可返回带有指定标签名的对象的集合，返回元素的顺序是它们在文档中的顺序。

语法：document.getElementsByTagName_r(tagname)提示：(1)如果把特殊字符串"*" 传递给getElementsByTagName_r() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

(2)传递给getElementsByTagName_r() 方法的字符串可以不区分大小写。

例子1：<html><head><script type="text/javascript">function getV alue(){var x=document.getElementByIdx_x_x("myHeader");alert(x.innerText);//alert(x.innerHTML);}function getV alue2(){//var n=document.getElementByIdx_x_x("name1");var n=document.getElementByIdx_x_x("name2");alert(n.value);}function id(x) {if (typeof x == "string")return document.getElementByIdx_x_x(x);return x;}</script></head><body><h1 id="myHeader" onclick="getV alue();">这是标题1</h1><p>点击标题，会提示出标题1的值。

元素定位的八大方法

元素定位的八大方法1. ID定位在网页中，每个元素都可以通过一个唯一的ID来进行标识。

ID是在HTML代码中通过id属性来定义的，可以使用id来定位元素。

<div id="myDiv">Hello World!</div>使用ID定位的方法如下：element = driver.find_element_by_id("myDiv")2. Name定位除了使用ID定位，还可以使用元素的name属性来进行定位。

name属性也是在HTML代码中定义的，可以使用name来定位元素。

<input type="text" name="username">使用Name定位的方法如下：element = driver.find_element_by_name("username")3. Class定位Class定位是通过元素的class属性来进行定位。

一个元素可以有多个class，用空格分隔。

<div class="container"><p class="text">Hello World!</p></div>使用Class定位的方法如下：element = driver.find_element_by_class_name("text")4. Tag Name定位Tag Name定位是通过元素的标签名来进行定位。

标签名是HTML代码中定义元素的名称，如div、p、a等。

<p>Hello World!</p>使用Tag Name定位的方法如下：element = driver.find_element_by_tag_name("p")5. Link Text定位Link Text定位是通过链接文本来进行定位。

uibot定位元素原理

uibot定位元素原理介绍UIBot是一种自动化测试工具，它可以模拟用户对图形用户界面进行操作。

在进行自动化测试时，定位元素是一个非常重要的步骤。

本文将详细探讨uibot定位元素的原理以及相关的技术和方法。

一级标题UI元素定位的重要性在进行自动化测试时，准确地定位UI元素是非常重要的。

只有准确地找到目标元素，我们才能对其进行操作和断言。

因此，UI元素定位的准确性和稳定性直接影响自动化测试的效果和可靠性。

传统的UI元素定位方法在过去的几十年中，有许多传统的UI元素定位方法被广泛使用。

其中一些方法包括：1.ID定位：通过元素id来定位元素。

HTML中的id是唯一的，因此这种方法常常被用于定位元素。

定位：通过元素的name属性来定位元素。

HTML中的name属性可以不唯一，但可以用来作为元素的标识。

3.Xpath定位：通过使用XPath表达式来定位元素。

XPath可以根据元素的属性、层次关系等来进行定位，具有很大的灵活性。

4.CSS选择器定位：通过使用CSS选择器表达式来定位元素。

CSS选择器可以根据元素的属性、层次关系等来进行定位，语法简洁高效。

定位元素的原理与实现UIBot定位元素的原理与传统的UI元素定位方法类似。

它通过识别和分析UI元素的属性和层次关系来进行定位。

下面是uibot定位元素的一般步骤：1.识别UI元素：UIBot会通过识别界面中的所有元素，包括按钮、输入框、链接等。

这通常是通过UI自动化测试工具提供的API来实现的。

2.获取元素属性：针对每个识别到的UI元素，UIBot会获取其属性，例如id、name、class、标签名等。

这些属性可以作为定位元素的依据。

3.构建定位策略：基于元素的属性，UIBot会构建定位策略。

这可以是使用ID、XPath、CSS选择器等方法来定位元素。

4.执行定位策略：UIBot会根据构建好的定位策略，对每个UI元素进行定位。

如果找到了符合条件的元素，就认为定位成功。

html中name与id的区别

table 中 name 无定义, 应当用 id.
有些标签,可以同时有name和id。
在一个HTML网页中,id是唯一的。
id 在HTML中的作用:
(1) 用id选择相应的style sheet(风格).
(2) <A ..> 链接的目的地
(3) 脚本语言用它找目的地(找该id的标签)
用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。
除 BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.
name只用于APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PARAM,META. (name有时有自己的用途)
id与name的作用,作为标签的标识符,基本上是一样的.name是老方法,id是在name基础上发明的,比name"现代化"一点,用的范围广一点. <A..> 中的name原来(刚发明时)就是用于本页按一下转向过去用的。我们一般认为：ID就像是一个人的身份证号码，显然是唯一的，而Name就像是他的名字，而Name是可以重复的。
以上的用途都不能简单的使用ID来代替，所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别，它们更本就是不同作用的东西。

legend 在html中的用法

legend 在html中的用法HTML是一种标记语言，用于创建网页的结构和外观。

其中，"legend"是HTML中的一个元素，用于定义字段集中的标题。

本文将介绍"legend"在HTML中的用法。

"legend"元素用于给<fieldset>元素（字段集）提供标题。

它通常被包裹在<fieldset>的开始和结束标签之间，以提供关于字段集内容的描述。

下面是一个示例，展示了如何使用"legend"元素：```html<fieldset><legend>个人信息</legend><label for="name">姓名：</label><input type="text" id="name" name="name"><label for="age">年龄：</label><input type="text" id="age" name="age"></fieldset>```上述代码中，<fieldset>元素定义了一个字段集，用于收集用户的个人信息。

而<legend>元素则用于为这个字段集提供标题，即"个人信息"。

"legend"元素可以包含任何文字或标记，用于向用户提供关于字段集内容的描述。

它可以放置在任何位置，甚至可以放在<fieldset>元素之外。

如果没有使用"legend"元素，默认情况下，字段集的标题为空。

另外，"legend"元素也可以与CSS样式一起使用。

HTML基本使用

HTML基本使⽤HTML初识(Hyper Text Markup Language): 超⽂本标记语⾔「HTML⾻架格式」<html><head><title></title></head><body></body></html>约定⼤⼩写:HTML标签名、类名、标签属性和⼤部分属性值统⼀⽤⼩写HTML标签关系嵌套关系⽗⼦级包含关系并列关系兄弟级并列关系如果两个标签之间的关系是嵌套关系，⼦元素最好缩进⼀个tab键的⾝位（⼀个tab是4个空格）。

如果是并列关系，最好上下对齐。

基本标签和属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body></body></html>⽂档类型<!DOCTYPE >⽤来说明你⽤的XHTML或者HTML是什么版本。

<!DOCTYPE html>告诉浏览器按照HTML5标准解析页⾯。

<html>作⽤： <html>标签⽤来告诉浏览器这个⽂档中包含的信息是⽤HTML编写的。

所有的⽹页的内容都需要编写到html标签中，⼀个页⾯中html标签只能有⼀个。

html标签中有两个⼦标签head和body<head>作⽤： <head>标签⽤来表⽰⽹页的元数据，帮助浏览器解析⽹页，head中的信息在浏览器中不可见。

html常用标签整理

html常⽤标签整理html⽂档结构1<!DOCTYPE html>2<html lang="zh-CN"> #这个lang表⽰语⾔，zh-CN中⽂的意思，整个⽂档的内容以中⽂为主，如果以英⽂为主，就写成lang='en'34<head>5<meta charset="UTF-8">6<title>css样式优先级</title>7</head>8<body>910</body>11</html>1.<!doctype html>声明为html5⽂件，必须是html⽂档的第⼀⾏，在<html>标签之前;2.<html>、</html>是⽂档开始和结束的标记,是HTML页⾯的根元素，在它们之间是⽂档的头部（head）和主体（body);3.<head>、</head>定义HTML⽂档开头部分,内容不会在浏览器窗⼝显⽰,包含⽂档元（meta）数据，配置信息等，是给浏览器看的;4.<title>、</title>定义了⽹页标题，在浏览器标题栏显⽰（修改⼀下title中的内容，然后看⼀下浏览器，你就会发现title是什么了）;5.<body>、</body>之间的内容是可见的⽹页主体内容;注意：中⽂⽹页需要使⽤<meta charset="utf-8">声明编码，否则会出现乱码;有些浏览器是gbk，需⼿动设置为 <meta charset="gbk">；html标签格式1.html标签是由尖括号包围的关键字，如：<html>,<div>,<span>等;2.html标签通常是成对出现，如：<div></div>,第⼀个是开始，第⼆个有斜线的是结束；3.有些标签是单独呈现的，如：<br/> 、<hr/>、<img src="222.png">;4.标签⾥⾯带有若⼲属性，也有不带的；标签语法：<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名属性1=“属性值1” 属性2=“属性值2”…… />html注释： #找到⼀⾏内容ctrl+/能快捷注释，注释的内容不会在⽹页上显⽰出来head内常⽤标签meta标签： 01.<meta>元素可提供有关页⾯的元信息（meta-information）,针对搜索引擎和更新频度的描述和关键词； 02.标签位于⽂档的头部，不包含任何内容,提供的信息⽤户是看不见的；meta标签组成： http-equiv属性和name属性： 1.http-equiv属性：相当于http的⽂件头作⽤，向浏览器传回⼀些有⽤的信息，正确显⽰⽹页内容，与之对应的属性值content，content中的内容是各个参数的变量值；<meta http-equiv="refresh" content="2;URL=https://"> #如果把URL和后⾯的内容去掉，就是2秒钟刷新⼀次，做了解;<meta http-equiv="content-Type" charset=UTF8"><meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微软的⼀个全新的浏览器,其实就是告诉IE浏览器，你按照最⾼标准来渲染我的页⾯，做了解；属性：主要⽤于描述⽹页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息⽤的；<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="xxxxxpythonxxx学习"> #是对这个⽂档的描述，在百度⼀些内容的页⾯上，f12打开看看body常⽤标签基本标签不加标签的纯⽂字也是可以在body中写的<b>加粗</b><i>斜体</i><u>下划线</u><s>删除</s><p>段落标签</p> #独占⼀个段落<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><br><hr> #就是单独个⼀个⽔平线每次加上⼀些内容，记得保存再刷新⼀下才会显⽰出效果来；常⽤特殊字符div标签和span标签这两个标签没有特别的样式,<div>xxxx</div>，<span>xxx</span>这是两个标签最⼤的特点，可以通过CSS来控制,⽹站中多数是他们;div标签⽤来定义⼀个块级元素，并⽆实际的意义。

《HTML CSS JavaScript前端开发基础教程》习题及答案

选择题：（1）以下哪个不是Web开发必将涉及的三种技术之一（）A.HTMLB.CSSC.JSD.Atom（2）HTML作为定义万维网的基本规则之一，最初由蒂姆·本尼斯李在___年在CERN（Conseil Europeen pour la Recherche Nucleaire）研制出来。

（）A.1985B.1987C.1989D.1991（3） HTML是Internet上用于设计网页的_______。

（）A.基础语言B.制作网页的新技术C.脚本语言D.浏览器（4）Mozilla Firefox，中文俗称“火狐”，是一个由______开发的自由及开放源代码的网页浏览器。

（）A.GoogleB.MozillaC.苹果D.微软（5）以下为轻量但功能强大的源代码编辑器的是（）A.记事本B.SublimeC.VS CodeD.Atom判断题（1）只有HTML/CSS/JS相互协作才能实现丰富的页面交互和展示效果。

（）（2） CSS是目前唯一的网页页面排版样式标准。

（）（3）浏览器有Chrome、Firefox、Edge、Safari等主流浏览器。

针对国内其他浏览器，使用和主流浏览器不一样的内核。

（）（4）Microsoft Edge（简称ME浏览器）是由Mozilla开发的基于Chromium 开源项目及其他开源软件的网页浏览器。

（）（5）Sublime、VS Code、Atom等用于编写代码，但记事本不行。

（）填空题（1）现代网页设计最准确的设计思路是把网页分成三个层次，即：________、______________、__________。

（2）网页包括_____、________、________等各种复杂的元素，其基础架构都是HTML。

（3）浏览器有_______、__________、______、_______等主流浏览器。

（4）主流的前端开发工具_______、___________和________。

html标记的一般格式

HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言，是Web文档的规范。

也有人把HTML称为浏览器的母语。

HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。

Web浏览器按照顺序读取HTML文件，然后根据内容附近的HTML标记来解释和显示各种内容。

2、所有标记都必须用一对尖括号< >括起来，这叫做“定界符”。

3、大部分标记都是成对出现的，包括开始标记和结束标记，二者之间为标记所影响的范围，开始标记和结束标记名称相同，但结束标记总是以一个斜线符号开始，例如：<html> </html>、<title> </title>；但有一些标记只要求单一标记，例如水平线标记<hr/>、换行标记<br/>4、允许标记和属性名使用大写、小写或大小写混合，但建议使用小写。

在HTML里，颜色有两种表示方式。

一种是用颜色名称表示，比如blue表示蓝色;另外一种是用16进制的数值表示RGB的颜色值。

RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。

比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。

2.1.2 XHTML代码规范介绍XHTML是可扩展的超文本标记语言，是一种基于XML（可扩展标记语言）应用的HTML，它的可扩展性和灵活性将适应未来Web应用更多的需求。

建立XHTML的目的就是实现HTML向XML的过度。

⏹所有标记必须使用相应的结束标记进行关闭⏹标记及其属性名称必须使用小写字母⏹标记的属性值必须使用引号括起来⏹标记的所有属性必须具有值⏹强制XHTML元素，所有文档都必须文档类型声明<!DOCTYPE>HTML标记1．HTML文档标记格式：<HTML>…</HTML>标志文件开始和结尾的标记。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

html标签中id和name的区别？
浏览次数：20080次悬赏分：0|解决时间：2006-5-13 19:54 |提问者：aizural
比如<table id=tab1>
<table name=tab2>
有什么区别？？？谢谢！
最佳答案
id与name的作用,作为标签的标识符,基本上是一样的.name是老方法,id是在name基础上发明的,后来才有的,"现代化"一点,用的范围广一点. <A..> 中的name原来(刚发明时)就是用于本页揿一下转向过去用的.
除BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE 标签外,id 都可用.
name只用于
APPLET,SELECT,FORM,FRAME,IFRAME,IMG,A,INPUT,OBJECT,MAP,PAR AM,META. (name有时有自己的用途)
table 中name 无定义, 应当用id.
有些标签,可以同时有name和id.
在一个HTML网页中,id是唯一的,即只有某一个标签,或某一个块的标识符是这个id.
id 在HTML中的作用:
(1) 用id选择相应的style sheet(风格).
(2) <A ..> 链接的目的地
(3) 脚本语言用它找目的地(找该id的标签)
(4) 作为名字,用于声明某OBJECT element
(5) 作为一个标签或块的区分标致(用于从HTML网页中取出数据放入数据库或把HTML翻译成别的格式,等情况).
一个链接到本页面中某章节的命名锚是这样写的：
<a name="#tips">Jump to the Useful Tips Section</a>
ID 是以#定义的CSS样式
也可以用JS获取来控制getElementById(这里是ID) 来获取
name 很多了，就是给当前标签或元素指定名称，也可以用JS来控制值，form 提交后获取的时候就需要获取name名称。

，例如：a.html页面点击< a href="b.html#m1">公司介绍</a>，然后在 b.html里面有<a name="m1" id="m1"></a>这个描点，一样可以定位的，描点不限制于当前页
<a href=“地址” name=“字串符” target=“打开窗口方式”>热点</a>
href,name,target 都是保留字，锚点标记的成员变量名，重点掌握href的URL写法。

href 变量名意思是超文本链接地址，等号后面是双引号括起的网页地址。

完整的例子：
<HTML><BODY>
<A HREF="/question/27496032.html">求助：锚点标记</A>
</BODY></HTML>
你把它写入a.html,用浏览器打开a.html，你就看到“求助。

”，揿它，就看到这个知道网页。

name=后面的字符串是你给这个锚点标记起的名字，用于ccs风格，网页内部转向。

target后面的字符串定义本内容显示于浏览器新窗或特定名称的窗。

html中的锚点标记：href
<a href="目标文件名.html>123</a>
目标文件名---你要连接的文件名
比如你的网页所在的位置中有:test.html,testlink.html,如果要test.html连接到testlink.html,就用这种方式,test.html就是目标文件名
测试文件夹\
|-----test.html
|-----testlink.html ------目标文件名
<a href="子目录名/目录文件名.html">123</a>
子目录名---你目前的文件夹中的文件夹
比如你的网页所在的位置中有:test.html,文件夹123,文件夹123下有
testlink.html,那么123就是子目录名,目录文件名testlink.html
测试文件夹\
|-----test.html
|-----123\ ------子目录名
|-----testlink.html ------目标文件名
<a href=".. /目录文件名.html>123</a>
..代表父目录,就是目前的文件夹所在的文件夹
123456\ ------这个目录就是..
|-----testlink.html ------目标文件名
|----测试文件夹\
|-----test.html
<a href="#news">
# ---代表空连接,连接的是自己
#new ---跳到本页的new位置,用法:<a name="new"></a>
div class="image"什么意思
定义一个div元素类别是image
div是一个html元素，他没有边届，没有附属样式，常用来布局页面。

<DIV>称为区隔标记。

作用：设定字、画、表格等的摆放位置他一般跟CSS搭配，来美化网页的。

class是一个样式选择器名称，class是一个类别，在css中对应“.类名”。

和class 一起的还有id，在css中对应“#类名”。

类是一个类别，可多次使用，多个元素使用他。

id是特例，只能使用一次。

如果给一个元素写个类名用来赋予样式，则可以这样写：
1.<div class="big_text"></div>只有一个类名
2.<div class="red_text big_text"></div>可以是两个类叠加的样式
3.<div class="red_text big_text" id="title"></div>可以是多个类叠加，并且区分开其他同类型
4.<p class="cont"></p>可以给任何元素使用样式选择
5.<img class="tips" />可以给任何元素使用样式选择
6.<hr id="litend" />名字可以随便定义。