现在的位置: 首页 > 综合 > 正文

HTML& XHTML (二)

2014年01月01日 ⁄ 综合 ⁄ 共 2090字 ⁄ 字号 评论关闭

该部分主要对自己常用的标签、属性进行汇总。参考链接:

http://www.w3school.com.cn/h.asp

http://longka.flasher123.com/zy/index.html

 

1、 基本的HTML标签

<body>:定义文档的主体。属性-----link(页面默认的链接颜色)background(页面背景图像),bgcolor          (页面背景颜色),text(页面文字的颜色)。

<h1> to <h6>:定义标题 1 至标题 6,标题1最大,标题6最小。

<p>:定义段落,可单独使用,也可成对使用。单独使用时,下一个<P>的开始就意味着上一<P>的结束。

<br>:单标签,换行。

<hr>:单标签,水平线。属性-----size(粗细),width(宽度),align(对齐方式),color(颜色)。

<!--…-->:定义注释。<!--This text is a comment-->

<center>:居中对齐标签,在需要居中的内容部分开头处加<center>,结尾处加</center>

 

2、 文本格式化标签

<pre>保留原始文字排版的格式,把制作好的文字排版内容前后分别加上始标签<pre>和尾标签</pre>

<Font>字体标签。属性-----face(字体),size(大小),color(颜色)。

<b>放在<b></b>标签之间的文字将以粗体方式显示。

<i>放在<i></i>标签之间的文字将以斜体方式显示。

<u>放在<u></u>标签之间的文字将以下划线方式显示。

<big>  呈现大号字体效果。

<small>呈现小号字体效果。

<sub>定义下标字。

<sup>定义上标字。

<ins> 定义插入字。

<del>定义删除字。

<em>  定义着重文字。

<code>指出这是一组代码。

 

3、 超链接标签

HTML 使用 <a> (锚)标签来创建连接另一个文档的链接。创建锚的语法:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

href 属性用于定位需要链接的文档,锚的开始标签和结束标签之间的文字被作为超级链接来显示;

target属性定义被链接的文档在何处显示,值为"_blank"说明会在新窗口打开文档;

Name 属性用于创建被命名的锚,当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接。将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到这个章节,实现页面内部跳转。

<a name="label">Text to be displayed</a>

<a name="tips">Useful Tips Section</a>

<a href="http://www.w3school.com.cn/html_links.asp#tips">Jump to the Useful Tips Section</a>

 

4、表格标签

<table>...</table>:用于定义一个表格开始和结束。属性——width(表格的宽度),height(表格的高度),align(表格在页面的水平摆放位置),background(表格的背景图片),bgcolor(表格的背景颜色),border(表格边框的宽度以像素为单位),bordercolor(表格边框颜色)。

<th>...</th>定义表头单元格,字段行。表格中的文字将以粗体显示,在表格中也可以不用此标签,<th>标签必须放在<tr>标签内,。

<tr>...</tr> :定义一行标签,一组行标签内可以建立多组由<td><th>标签所定义的单元格

<td>...</td>:定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签必须放在<tr>标签内

 

5、列表标签

<ul>…</ul>无序列表,指没有进行编号的列表, 每一个列表项前使用<LI><LI>的属性type有三个选项,这三个选项都必须小写:disc实心园;circle空心园;square小方块。<ul>如果不使用其项目<li>的属性值,即默认情况下的<ul>会加"实心园"

<LI>单标签,列表项目的标记。

<ol>…</ol>有序列表,每一个列表项前使用<li><ol>列表的结果是带有前后顺序之分的编号,如果插入和删除一个列表项,编号会自动调整。顺序编号的设置是由<ol>的两个属性typestart来完成的。start=编号开始的数字,type=用于编号的数字,字母等的类型:a编号用英文小写字母;1编号用数字;A编号用英文大写字母;I编号用大写罗马数字;i编号用小写罗马数字。

 

6、表单和输入

表单在Web网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。一般是将表单设计在一个Html文档中,当用户填写完信息后做提交(submit)操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的 ASP CGI 等处理程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具

抱歉!评论已关闭.