入门:HTML的基本标签和属性简单介绍

所属分类: 网页制作 / HTML/Xhtml 阅读数: 365
收藏 0 赞 0 分享

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有 就有 前一个表示开始,后一个表
HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有<TITLE>就有</TITLE>前一个表示开始,后一个表示结束,内容放在两者之间。
基本结构标志
<HTML> ----------表示该文件为HTML文件
<HEAD> ----------包含文件的标题,使用的脚本,样式定义等
<TITLE>HELLO WORLD!</TITLE> -包含文件的标题,标题出现在浏览器标题栏中
<HEAD> ----------</HEAD>的结束标志
<BODY> --------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>
</HTML> ----------<HTML>的结束标志
其它主要标志 以下所有标志用在<BODY></BODY>中
<A HREF="…"></A> ----------链接标志,“…”为链接的文件地址
<IMG SRC="…"> ----------显示图片标志,“…”为图片的地址
<BR> ----------换行标志
<P> ----------分段标志
<B></B> ----------采用黑体字
<I></I> ----------采用斜体字
<HR> ----------水平画线
<TABLE></TABLE> ----------定义表格,HTML中重要的标志
<TR></TR> ----------定义表格的行,用在<TABLE></TABLE>中
<TD></TD> ----------表格单元,用在<TR></TR>中
<FONT></FONT> ----------字体样式标志
属性的用法:
属性是用来修饰标志的,属性放在开始标志内。
例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
常用属性:对齐属性 范围属性
ALIGN=LEFT 左对齐(缺省值) WIDTH=象素值或百分比 对象宽度
ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
ALIGN=RIGHT 右对齐 色彩属性
COLOR=#RRGGBB 前景色 参考色彩对照表
BGCOLOR=#RRGGBB 背景色
更多精彩内容其他人还在看

超链接的宽度和高度直接设置不起作用的解决方法

这篇文章主要介绍了超链接的宽度和高度直接设置不起作用的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多