日度归档:2019年6月10日

html教程-如何在html中编写数学公式呢?


摘要:
下文讲述使用html元素sub和sup编写数学公式,如下所示:
实验环境:windows


在平常的网页编写中,我们经常遇到如何编写数学书中的各种公式,比如一个数的平方,log2这种信息呢?

下文将讲述使用html sub sup标签实现此功能,如下所示:



html元素sup、sub上标和下标元素简介

html标签sub的功能为:
将html内容进行上浮操作
html标签sup的功能为:
将html内容进行下浮操作

html元素sub sup 语法简介

   <sub>
    待下浮的html内容
    </sub>

	<sub>
    待上浮的html内容
    </sub>



html元素sub sup举例应用

 
<!--平方和下标编写方法-->
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的html上浮下浮标签应用</title>
  </head>
<body>
    
	 平方编写:  X<sup>2</sup>
     <br />
     下标编写  X<sub>3</sub>


</body>
</html> 
html教程-html上下表实现方法

html教程-html上下表实现方法

html教程–在html文档中签入图片的方法分享


摘要:
下文讲述在html文档中插入图片的方法分享,如下所示:
实验环境:windows



html元素img的用法说明

html元素img功能说明:
使用此标签,可以在html文档中引用外部图片地址,使html文档显示图片信息,如下所示:

html元素img语法说明:

         <img src ="**"  width="**" height="**" alt="**"   />
	 

—参数说明:
img:html元素标识符
src:图片地址
width:图片宽度
height:图片高度
alt:图片说明信息-通常放入图片的功能及用途



html元素img的用法举例

    <!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的包含html删除线(中横线)标签应用</title>
  </head>
<body>
    
	 <p>这里是maomao365.com html教程中心!</p>
     <br />
     <img   src="http://www.maomao365.com/wp-content/uploads/2019/06/html教程-html斜体-8871.gif"  
	       width="50px" height="50px" alt ="提示信息" 
	     /> 
     
</body>
</html>   


注意事项:
img标签在html中应用非常广泛
img标签需设置合理的width和height属性,避免图片由于大小不一致导致样式失真

html教程-如何在html元素中画上删除线呢?


摘要:
下文讲述使用html元素s对所包含的html内容画上删除线的方法分享
实验环境:windows



html元素s简介说明

html标签s的功能为:
html标签s可将所包含的html内容下进行中划线(删除线)呈现给浏览器的用户。
此标签的功能同word中的删除线功能一致。

html元素s语法简介

   <s>
    待画删除线的html内容
    </s>


html元素s举例应用

 
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的包含html删除线(中横线)标签应用</title>
  </head>
<body>
    
	 <p>这里是maomao365.com html教程中心!</p>
     <br />
     <s>这是使用html元素"s" 对html内容进行中划线(删除线)的方法分享,网址www.maomao365.com ; 
	     </s> 
     
</body>
</html> 
html教程-html删除线应用

html教程-html删除线应用