fieldset标签、font标签

最新推荐文章于 2021-08-17 11:42:02 发布

原创最新推荐文章于 2021-08-17 11:42:02 发布 · 533 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#fieldset标签、font标签

新人路途专栏收录该内容

33 篇文章

订阅专栏

本文详细探讨了HTML中的fieldset和font标签。通过多个小节，逐一解析了这两个标签的功能、用法及其在网页布局和文本样式设置中的重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文献种类：专题技术文献；

	                       <fieldset>标签、<font>标签

开发工具与关键技术：VS/HTML
作者：吴泽锋
撰写时间：2019年6月28日

6、<fieldset>标签：表示一组可以按常见名称分组的表单控件；
	定义和用法：
		fieldset 元素可将表单内的相关元素分组，即表示一组可以按常见名称分组的表单控件；
		<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。
		当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，
		它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
		<fieldset> 标签没有必需的或唯一的属性。
		<legend> 标签表示该 legend 元素的父元素（fieldset）的其余内容的标题，即为 fieldset 元素定义标题。
	HTML 4.01 与 HTML 5 之间的差异：
		HTML5 拥有如下属性：disabled、form、name，HTML 4.01 中不支持这些属性。
		
	例：在数据周围绘制一个带标题的框
		<form>
            <fieldset>
                <legend>登陆</legend>
                账号：<input type="text" />    该边框可以随页面宽度改变而自行收放；
                密码：<input type="text" />
            </fieldset>
        </form>                             
        <p>如果表单周围没有边框，说明您的浏览器太老了。</p>

在这里插入图片描述

   属性				值		    描述
   disabled		disabled	 规定应该禁用表单元素组合 (fieldset)。
   例：一个被禁用的 fieldset：
 	<form>
       <fieldset disabled="disabled">
           <legend>登陆</legend>   
           账号：<input type="text" />  
           密码：<input type="text" />
       </fieldset>
   </form>
   定义和用法：
   	  disabled 属性规定应该禁用一组表单元素（一个 fieldset）。
   	  被禁用的 fieldset 不可用，也不可点击。
      可以对 disabled 属性进行设置，使用户在满足某些条件时(比如选中复选框，等等)才能使用输入字段。
      然后，可使用 JavaScript 来删除 disabled 属性，使该 fieldset 变为可用的状态。
   语法：<fieldset disabled="disabled">

   form			form_id		规定 fieldset 所属的一个或多个表单。
   
   name			value		规定 fieldset 的名称。

6、<font>标签：规定文本的字体、字体尺寸、字体颜色。
	font 元素是非标准元素。HTML5将其分类为不相容功能；
	HTML 与 XHTML 之间的差异：
    	在 HTML 4.01 中，font 元素不被赞成使用。
    	在 XHTML 1.0 Strict DTD 中，font 元素不被支持。
	提示：请使用样式（代替 <font>）来定义文本的字体、字体颜色、字体尺寸。
	可选的属性：
	属性				值						描述

		color		rgb(x,x,x) ；			不赞成使用。请使用样式取代它。规定文本的颜色。
					#xxxxxx ；colorname ；	
		  语法：<font color="value"></font>
		  例：<font color="red">This is some text!</font>
		  兼容性注释:
			  在 HTML 4.01 中，不赞成使用 font 元素的 color 属性；
			  在 XHTML 1.0 Strict DTD 中，不支持 font 元素的 color 属性。
		  请使用 CSS 代替：
			  CSS 语法：<p style="color:red">
			  CSS 实例：设置文本的颜色 ：
				<p color="red">This is some text!</p>
例：<font color="red">This is some text!</font>

  值	             描述
  color_name	   规定颜色值为颜色名称的文本颜色（比如 "red"）。
  hex_number	   规定颜色值为十六进制值的文本颜色（比如 "#ff0000"）。
  rgb_number	   规定颜色值为 rgb 代码的文本颜色（比如 "rgb(255,0,0)"）。

	face         font_family	            不赞成使用。请使用样式取代它。规定文本的字体。
	  语法：<font face="value"></font>
	  值	            描述
      font_family	规定文本的字体。如需规定若干字体的优先表，请使用逗号将字体名称分开（比如<basefont face="verdana,arial,sans-serif" />）。
      
	  例：<font face="verdana">This is some text!</font>
      兼容性注释：
		  在 HTML 4.01 中，不赞成使用 font 元素的 face 属性；
		  在 XHTML 1.0 Strict DTD 中，不支持 font 元素的 face 属性。
      请使用 CSS 代替。
          CSS 语法：<p style="font-family: verdana">
          CSS 实例：设置文本的字体：
			  <p style="font-family:verdana">This is some text!</font></p>

	size		  number				不赞成使用。请使用样式取代它。规定文本的大小。
	  语法：<font size="value"></font>
	  例：<font size="5">This is some text!</font>
	  值		描述
	  number	规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。
	  兼容性注释：
		  在 HTML 4.01 中，不赞成使用 font 元素的 face 属性；
		  在 XHTML 1.0 Strict DTD 中，不支持 font 元素的 face 属性。
	  请使用 CSS 代替。
	      CSS 语法：<p style="font-size:20px">
	      CSS 实例：设置文本的字体：
		     <p style="font-size:20px">This is some text!</p>

例：设置文字的字体
	<style>
        p,h1 { display: inline-block; margin: 0; }
    </style>
    
    <h1><font face="verdana" color="darkgoldenrod">A heading.</font></h1>
    
    <font size="5" color="orange">A heading.</font>
    
	<font face="verdana" color="green">A heading.</font>


    <font size="5" face="arial" color="violet">A heading.</font>
    					=
	<p><font size="5" face="arial" color="red">A heading.</font></p><br>


	<h1><font color="dodgerblue">A heading.</font></h1> 
						= 
	<h1>A heading.</h1>


	<font color="chartreuse">A heading.</font> 
						= 
	<p>A heading.</p>


    <font face="arial" color="skyblue">A heading.</font>
    					=
	<p><font face="arial" color="darkblue">A heading.</font></p>
	借鉴于W3C