标签归档:html技巧

html中label标签有什么作用呢?


摘要:
下文讲述html中label标签的功能简介说明,如下所示:

label标签:
     label标签为input元素定义标注(标记),
      它和span标签一样,不会产生视觉效果,
       label标签的最大功能就是同其它表单联动
     
       如:
        同checkbox或radio标签联动后,
       当我们点击label中的文字时,
       则会视同点击checkbox或radio标签 

例:
html lable的示例分享

<meta charset="utf-8" />
<p>
maomao365.com <br />
label标签示例分享
</p>
<hr />
<body>
	<!-- 单选框 -->
	<div>性别:
		<label><input type="radio" name="sex" value="男生">男生</label>
		<label><input type="radio" name="sex" value="女生">女生</label>
	</div>
	<!-- 复选框 -->
	<div>
		分类:
		<label><input type="checkbox" name="like" value="0">网站</label>
		<label><input type="checkbox" name="like" value="1">猫猫小屋</label>
	</div>
 
</body>
</html>
 

html中如何输出一个无穷大符号呢?


摘要:
下文讲述html代码中使用html输出一个无穷大符号的方法分享,如下所示:

无穷大符号是一种数学符号,
在编写一些数学资料时,我们经常使用无穷大符号
那么如何使用html代码在网页上输出一个无穷大符号,如下所示:

实现思路:
    方式1:
      &infin;

    方式2:
      &#8734;

例:
html界面上输出无穷大符号的示例分享


  <meta charset="UTF-8"> 
   maomao365.com---html页面输出无穷大符号
   <hr />
      方式1:&infin;
  <br />
      方式2:&#8734; 
HTML在页面上输出无穷大符号的示例分享

HTML在页面上输出无穷大符号的示例分享

html中引入css有哪几种方式呢?


摘要:
下文讲述html中引入css的方法分享,如下所示;

实现思路:
    方式1
      内联样式的方式      

    方式2
      将css代码写入style标签中     

    方式3 
      将css代码写入外部文件中,
     然后使用Link引入外部css文件

---1
<p style="color: red;">
内联式:直接在p标签里设置

---2
 <style type="text/css">
    h3{
      color:green;
     }
 </style>

---3
使用link引入外部文件的css代码

<link rel="stylesheet" type="text/css"
  href="maomao365_com.css">