HTML标签

原创 2006年06月06日 07:18:00
  •  标尺线(分隔线)
  •  字体(FONT)标记(TAGS)
  •  指定“字体大小”的标记和“指定字体”的标记的组合使用
  •  客户端字体(Font Face)
  •  字符实体(Entities)
  •  <frame>框架标识
  •  <a>超链接标识
  •  <form>表单标识
  •  表单内部控件

标尺线(分隔线)
<hr>
<hr>

<hr size=#>
<hr size=10>

<hr width=#>
<hr width=50>
<hr width=50%>

<hr align=#> #=left, right
<hr width=50% align=left>
<hr width=50% align=right>

<hr noshade>
<hr noshade>

<hr color=#>
#=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua,
88FECE, FFFECE, 68EEEE, A82EEE, AADDEE, EE8866, D0C0F0,
DDDFFF, 66FFFF, ADDFFF, FFEEFF, C5FFEE, 0DDFFF,
888FFF, FF88FF, FF8F8F, FDDFFF, FFF0FF, EE3388
<hr color="red">

 


字体(FONT)标记(TAGS)
标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6

字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7

物理字体(Physical Style)
<b>今天天气真好!</b> 今天天气真好!
<i>今天天气真好!</i> 今天天气真好!
<u>今天天气真好!</u> 今天天气真好!
<tt>今天天气真好!</tt> 今天天气真好!
<sup>今天天气真好!</sup> 今天天气真好!
<sub>今天天气真好!</sub> 今天天气真好!
<s>今天天气真好!</s> 今天天气真好!
<strike>今天天气真好!</strike> 今天天气真好!

逻辑字体(Logical Style)
<em>今天天气真好!</em> 今天天气真好!
<strong>今天天气真好!</strong> 今天天气真好!
<code>今天天气真好!</code> 今天天气真好!
<samp>今天天气真好!</samp> 今天天气真好!
<kbd>今天天气真好!</kbd> 今天天气真好!
<var>今天天气真好!</var> 今天天气真好!
<dfn>今天天气真好!</dfn> 今天天气真好!
<cite>今天天气真好!</cite> 今天天气真好!
<small>今天天气真好!</small> 今天天气真好!
<big>今天天气真好!</big> 今天天气真好!


指定“字体大小”的标记和“指定字体”的标记的组合使用
<i><font size=5>
        <b>今天</b> 天气<font size=6> 真好!</font>
</font></i>

字体颜色
指定颜色 <font color=#> ... </font>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font color=ffffff>White</font> &
<font color=white>White</font>

客户端字体(Font Face)
<font face="#, #, ..., #"> ... </font>
#=客户端可获得的字体
<font face="Arial, Helvetica"> Hellow World!</font>
Hellow World!

字符实体(Entities)
&#; #=字符实体名称 或者 ascii 值
HTML2.0 的字符集
&amp;           &
&lt;            <
&gt;            >
&quot;          "


<frame>框架标识
<HTML>
   <head>
   <title>Frame 演示页面</title>
   </head>
      <frameset cols="200,*">
      <frame src="HTML&#31616;&#20171;.htm">
   <frame src="HR&#20998;&#38548;&#32447;&#26631;&#35782;.htm">
   </frameset><noframes></noframes>
</HTML>


<a>超链接标识
<html>
 <head>
 <title>链接标识</title>
 </head>
 <body>
  <a href="
http://www.w3.org/TR/html4/loose.dtd">w3</a><br>
  <a href="HTML&#31616;&#20171;.htm">HTML简介</a>
</body>
</html>


<form>表单标识
一个页面中可以包含多个表单,而<form>就是它们的分界线,<form>也是表示表单如何工作的重要标记,它有两个重要的参数:action 和 method 。
﹡action参数表示表单要提交到的地点,一般为一个CGI程序,如:“http://www.somewhere.com/cgi-bin/talk.pl ”(CGI程序可以用各种编程语言编写,如C、VB、Java,这里的 .pl 为Perl语言)。
﹡method 表示表单发送的方法,有两种:get(默认方法)和post,它们之间略有区别,主要是传输的信息量和接收的接口不同,get有255个字符的限制,而post没有(另一个参数是target,和超链接标识<a>的Target参数用法一样)。


表单内部控件
﹡textarea表示可以输入多行的文本框,有两个参数:rows表示文本框的行数,cols表示文本框的列数,例如:
<textarea name="t1"cols=40 rows=7>请留言</textarea>
表示宽十四列、高7行的文本输入框。
注意:〉〉〉
这里还有一个参数name属性,可以随意设置,但是发送给CGI时一定要和它规定接收的参数名一样,而表单中每个元素都要有name,如果缺少的话,很可能就无法工作。并且这些内部控件一定要包含在form中,在IE中它们可以单独显示,而在Netscape中则不可。

﹡select 元素可以表示成一个下拉式的选择框,可以对其中的元素进行选定,它的参数有size和multiple,size如果等于1,则以下拉框显示,如果大于1,则以滚动框显示,multiple表示表示可以多选,它没有值。Select中的选项用option表示,option的value属性表示选项的名称,是给CGI程序识别的,而“<option value=o1>……”中的“……”的内容则是给浏览器识别看的,另一个属性是selected,它表示表单在初始化时即有默认选项被选定。例如:
<select name=hobby size=6 multiple>
  <option value=music selected>音乐
  <option value=sports>运动
  <option value=reading>读书
  <option value=collection>收藏
  <option value=art>艺术
  <option value=writing>写作
</select>

 

 


HTML常用标签及其全称

 a href="#">a 超级链接(anchor)a>     abbr title="abbreviation的简写">abbr 简写的(abbreviation)abbr>     a...
  • happystarcat
  • happystarcat
  • 2016年01月13日 10:52
  • 3870

获取html标签的方式

获取html标签的方式           #color>li:first-child {          background-color:red;       }       #co...
  • qq_37555897
  • qq_37555897
  • 2017年05月21日 16:40
  • 358

html基础标签知识快速回忆

1、前言 笔者是一个移动开发人员,对于web前端以及很久没接触了,所以把以前的知识都给回学校了。最近由于涉及到前端开发,所以写下这一篇文章,在学习的同时,也记下来,方便以后查看。声明:为了方便,笔...
  • qq_25722767
  • qq_25722767
  • 2016年08月18日 23:36
  • 741

java取html标签

package com.zsjz.utils.tools; import java.net.URL; import java.util.ArrayList; import org.htm...
  • xiao_a_gang
  • xiao_a_gang
  • 2015年12月21日 14:38
  • 867

关于禁用html中a标签的思考

其实这个问题在初次学习html中select标签时就已经冒出来了,时至今日,依然没有找到使用纯css禁用a标签的办法——同事、同学、老师我都问过了,他们都千篇一律借助了JavaScript,难道真的必...
  • wangshuxuncom
  • wangshuxuncom
  • 2014年05月12日 12:54
  • 7273

总结HTML中不经常使用的标签

总结HTML4及HTML5中不常使用的标签...
  • u010568344
  • u010568344
  • 2017年06月15日 16:41
  • 1121

HTML 切换标签页的效果

效果画面: 代码: .waiwei { width: 350px; height: 400px; ...
  • qq_15267341
  • qq_15267341
  • 2016年10月03日 15:03
  • 767

最常用的HTML标签 总结整理

body:在网页上要展示出来的页面内容一定要放在body标签中 p:如果想在网页上显示文章,这时就需要p标签了,把文章的段落放到p标签中。标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用...
  • fang323619
  • fang323619
  • 2016年07月14日 08:41
  • 2257

使用正则表达式处理html标签方案分享

首先呢,阅读本文前建议大家去读下这篇文章点击打开链接,是关于java正则工具类Matcher相关的一些探讨和建议 下面这是其中一项关于处理匹配内容替换的范例, appendReplacement()...
  • jieve_y
  • jieve_y
  • 2016年05月19日 09:52
  • 2692

Struts2标签<1>-HTML标签与struts2标签区别

一)struts2中的HTML标签与用原始的hteml标签哪个更好?有什么区别?为什么要使用上struts2标签? 1)应该根据实际情况的选取,当你的标签中出现了action返回的参数,选用stru...
  • xiu2016
  • xiu2016
  • 2016年10月14日 14:08
  • 1162
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML标签
举报原因:
原因补充:

(最多只允许输入30个字)