HTML中标签用法,也适合XHTML和XML学习

1. 什么是 HTML 文件?

·         HTML 指超文本标签语言。

·         HTML 文件是包含一些标签的文本文件。

·         这些标签告诉 WEB 浏览器如何显示页面。

·         HTML 文件必须使用 htm 或者 html 作为文件扩展名。

·         HTML 文件可以通过简单的文本编辑器来创建。

2. <html>

<head>

<title>页面的标题</title>

</head>

<body>

<p>这是我的第一个页面。<b>这是粗体文本。</b></p>

</body>

</html>   

例子解释:

HTML 文件中的第一个标签是 <html>。这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 </html>。这个标签告诉您的浏览器,这是 HTML 文件的结束点。

位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。

<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。

<body> 标签中的文本是将被浏览器显示出来的文本。

<b> </b> 标签中的文本将以粗体显示。

3. <! - - ... - -> 批注
<a href target>
指定超级链接的分割窗口
<a href=/webjx/#
锚的名称> 指定锚名称的超级链接
<a href>
指定超级链接
<a name=
锚的名称> 被连结点的名称
<address>....</address>
用来显示电子邮箱地址
<b>
粗体字
<base target>
指定超级链接的分割窗口
<basefont size>
更改预设字形大小
<bgsound src>
加入背景音乐
<big>
显示大字体
<blink>
闪烁的文字
<body text link vlink>
设定文字颜色
<body>
显示本文
<br>
换行
<caption align>
设定表格标题位置
<caption>...</caption>
为表格加上标题
<center>
向中对齐
<cite>...<cite>
用于引经据典的文字
<code>...</code>
用于列出一段程序代码
<comment>...</comment>
加上批注
<dd>
设定定义列表的项目解说
<dfn>...</dfn>
显示"定义"文字
<dir>...</dir>
列表文字卷标
<dl>...</dl>
设定定义列表的卷标
<dt>
设定定义列表的项目
<em>
强调之用
<font face>
任意指定所用的字形
<font size>
设定字体大小
<form action>
设定户动式窗体的处理方式
<form method>
设定户动式窗体之资料传送方式
<frame marginheight>
设定窗口的上下边界
<frame marginwidth>
设定窗口的左右边界
<frame name>
为分割窗口命名
<frame noresize>
锁住分割窗口的大小
<frame scrolling>
设定分割窗口的滚动条
<frame src>
html文件加入窗口
<frameset cols>
将窗口分割成左右的子窗口
<frameset rows>
将窗口分割成上下的子窗口

<frameset>...</frameset>
划分分割窗口

<h1>~<h6>
设定文字大小

<head>
标示文件信息

<hr>
加上分网格线

<html>
文件的开始与结束

<i>
斜体字

<img align>
调整图形影像的位置

<img alt>
为你的图形影像加注

<img dynsrc loop>
加入影片

<img height width>
插入图片并预设图形大小

<img hspace>
插入图片并预设图形的左右边界

<img lowsrc>
预载图片功能

<img src border>
设定图片边界

<img src>
插入图片

<img vspace>
插入图片并预设图形的上下边界

<input type name value>
在窗体中加入输入字段

<isindex>
定义查询用窗体

<kbd>...</kbd>
表示使用者输入文字

<li type>...</li>
列表的项目 ( 可指定符号 )

<marquee>
跑马灯效果

<menu>...</menu>
条列文字卷标

<meta name="refresh" content url>
自动更新文件内容

<multiple>
可同时选择多项的列表栏

<noframe>
定义不出现分割窗口的文字

<ol>...</ol>
有序号的列表

<option>
定义窗体中列表栏的项目

<p align>
设定对齐方向

<p>
分段

<person>...</person>
显示人名

<pre>
使用原有排列

<samp>...</samp>
用于引用字

<select>...</select>
在窗体中定义列表栏

<small>
显示小字体

<strike>
文字加横线

<strong>
用于加强语气

<sub>
下标字

<sup>
上标字

<table border=n>
调整表格的宽线高度

<table cellpadding>
调整数据域位之边界

<table cellspacing>
调整表格线的宽度

<table height>
调整表格的高度

<table width>
调整表格的宽度

<table>...</table>
产生表格的卷标

<td align>
调整表格字段之左右对齐

<td bgcolor>
设定表格字段之背景颜色

<td colspan rowspan>
表格字段的合并

<td nowrap>
设定表格字段不换行

<td valign>
调整表格字段之上下对齐

<td width>
调整表格字段宽度

<td>...</td>
定义表格的数据域位

<textarea name rows cols>
窗体中加入多少列的文字输入栏

<textarea wrap>
决定文字输入栏是自动否换行

<th>...</th>
定义表格的标头字段

<title>
文件标题

<tr>...</tr>
定义表格美一行

<tt>
打字机字体

<u>
文字加底线

<ul type>...</ul>
无序号的列表 ( 可指定符号 )

<var>...</var>
用于显示变量

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值