html属性是什么?请形象化一点描述!

html属性是什么?请形象化一点描述!,第1张

1、什么是HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

举例来说,比如你用html标签定义一只猫,<cat></cat>

那么如何给这只猫设置颜色,年龄,大小,公母呢?

就是通过属性设置,比如

<cat name="Tom" color="black" age="2" size="25cm" gender="male"  ></cat>

即定义了一只名字叫Tom,黑色,2岁,体长25cm,性别是公的猫。

2、属性实例

HTML 链接由 <a>标签定义。链接的地址在 href 属性中指定:

<a href="http://www.w3school.com.cn">This is a link</a>

更多 HTML 属性实例

属性例子 1:

<h1>定义标题的开始。

<h1 align="center">拥有关于对齐方式的附加信息。

TIY : 居中排列标题

属性例子 2:

<body>定义 HTML 文档的主体。

<body bgcolor="yellow">拥有关于背景颜色的附加信息。

TIY : 背景颜色

属性例子 3:

<table>定义 HTML 表格。

<table border="1">拥有关于表格边框的附加信息。

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有<TITLE>就有</TITLE>前一个表示开始,后一个表示结束,内容放在两者之间。

基本结构标志

<HTML>----------表示该文件为HTML文件

<HEAD>----------包含文件的标题,使用的脚本,样式定义等

<TITLE>HELLOWORLD!</TITLE>-包含文件的标题,标题出现在浏览器标题栏中

<HEAD>----------</HEAD>的结束标志

<BODY>--------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>

</HTML>----------<HTML>的结束标志

其它主要标志以下所有标志用在<BODY></BODY>中

<AHREF="…"></A>----------链接标志,“…”为链接的文件地址

<IMGSRC="…">----------显示图片标志,“…”为图片的地址

<BR>----------换行标志

<P>----------分段标志

<B></B>----------采用黑体字

<I></I>----------采用斜体字

<HR>----------水平画线

<TABLE></TABLE>----------定义表格,HTML中重要的标志

<TR></TR>----------定义表格的行,用在<TABLE></TABLE>中

<TD></TD>----------表格单元,用在<TR></TR>中

<FONT></FONT>----------字体样式标志

属性的用法:

属性是用来修饰标志的,属性放在开始标志内。

例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODYbgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLEbgcolor="BLACK"></TABLE>表示表格背景色为黑色。

常用属性:对齐属性范围属性

ALIGN=LEFT左对齐(缺省值)WIDTH=象素值或百分比对象宽度

ALIGN=CENTER居中HEIGHT=象素值或百分比对象高度

ALIGN=RIGHT右对齐色彩属性

COLOR=#RRGGBB前景色参考色彩对照表

BGCOLOR=#RRGGBB背景色

我来讲讲,希望对你有用:

其实并不用一一进行讲解,给你举几个实例你自然就明白其中的微妙所在:

1. _blank 这个家伙的汉语译文是:空白的,引申一下,就好像你写笔记一样,写完了一页翻过去,在一个新空白页上接着写,而原来写的还有,和网页的打开也是一样的道理,在新的一个窗口中打开这个链接,而原窗口还存在。

经常上网的你或许有这样的经历,原来用IE6的时候,没有标签栏,有的网站中的链接全是比如<a harf=".../ttt.html" target="_blank">链接</a>。好么,我为了找点东西开得满屏幕都是TMD窗口,真是让人郁闷。

2. _parent 译文:父。其实这个“父”字,是开始涉及框架和框架集的概念了,如果你对框架和框架集有所了解,就知道,一个窗口中其实是可以同时打开N个页面的,在哪里打开、怎么打开全部由框架说了算。这样,这个“父”就是指这个链接所在的框架的上一层框架打开。

其实呢,不仅仅是在有框架的页面中适用它,没有框架的也一样用,如果有如下的一个链接:<a harf=".../ttt.html" target="_parent">链接</a>。当用户点击这个链接的时候,就会在本页面中打开这个新的页面,而原页面关闭。就好比你写好了一页纸,然后想写新的,这时候拿橡皮把整页的纸都擦了再重写是一个道理的。

3. _self 译文:“自己”。 这个也是有框架的说法,如果有框架的话,就在自己这个框架内打开,其它框架内容不变。

如果没有框架,和第2项效果相同。

4 _top 译文:顶。这个家伙也是对应框架的,不过它比_parent来得更加彻底,直接在整个页面中打开,也就是最顶层的框架集打开它打开这个链接后,框架集被这个链接的页面代替再无框架集,当然

如果没有框架,和第2、3项效果相同。

如果想要现实的例子,怕是不太好找全,毕竟用框架的前台页面还是不多见的,其实如果你的观察比较仔细的话,我们正在使用的百度知道个人中心就是采用了框架结构,这样的话,可以大大减少不必要的数据传输,比如左侧的 我的知道 我的提问 我的回答 什么的,不管打开什么不过这么几种,不会有其它的,那么用框架就再合适不过了,再有典型的就是后台管理页面,后台的一些 *** 作按钮都会集中在一个框架中,然后在一个较大一些的框架内打开内容进行前台页面的编辑。

以上这些知识都是和框架结构相关的,如果你想真正了解这几个代表的意义和target属性其它的用法,就要对框架和框架集有一个系统的了解才行。

如果你不想了解框架,只要知道第一个_blank是在空白的新窗口中打开,其它的都是在本窗口中打开就可以了。

当然,如果想学好HTML,不懂得框架和框架集是万万不行的。

最后,百度的那个例子:<a rel="answer" href="/q?ct=17&rn=25&lm=459274&tn=ucanswerlist" target="ucIframe">我的回答</a>

其中ucIframe,就是中间那个大一点儿的列表所在的框架名称。不过这里是用了名称,而没有以上这些而已,其实懂了框架,这些都不用去细学都会一点便通的。

---------------------------------------------------------

另外补充一下,从你语言所描述的情况来看,你现在的学习方式不正确,特别偏向于理论而忽视了实践,要知道,编程这东西没有实践就等于没有学习,三天不练手就生,你要切记。

最好的学习方式是从实际中找答案,而不是去听别人如何为你讲解,只有切身接触的,才是印象最深的。

还要自己分析学习的先后顺序,比如你问题中都已经存在大量“框架”和“框架集”的词汇了,而且也从字面上看得出,这些属性值都和这两个词相关,为什么不先了解下框架集再回来看这个属性呢?

如果知道了这几点,一切也会变得简单。

成功,在一定程度上也是学会如何学习。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7455101.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存