HTML图象(IMAGE)标记(TAGS)

链入图象的基本语法

<------img source------->

<img src=#> #=图象的 URL

<------img description------->

<img alt=#>
#=在浏览器尚未完全读入图象时，在图象位置显示的文字。

<img src="http://www.cncms.com.cn/html/f.gif" alt="MY FACE :-)"> 



<--################## Image aligned with Text ########################-->


 图象和文字的对齐


<img align=#> #=top, middle, bottom




<img src=URL align=top> My face! 




 My Face!




<img src=URL align=middle> My face! 




 My Face!




<img src=URL align=bottom> My face! 




 My Face!


    

  • 只有一行文字才可以放在图象的两边。（不知道翻译的对不对？)
    • 

  • Only one text line can be flown into the both side of Image.
    • 





<--################## Floating Image ########################-->


 图象在页面中的对齐/布局(Floating Image)


<------img align=left------->


<img align=left>




<img src=URL align=left>My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>





My Face!
It is always
smiling.
Hahaha....




<------img align=right------->


<img align=right>


My Face!
It is always
smiling.
Hahaha....




<------br clear------->


<br clear=all>




<img src=URL align=left>My Face!<br>
It is always
<br clear=all>
smiling.<br>
Hahaha....<br>





My Face!
It is always


smiling.
Hahaha....




<------vspace hspace------->


<img vspace=# hspace=#> #=value




<img src=URL align=left vspace=10 hspace=20>My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>





My Face!
It is always
smiling.
Hahaha....




<--################## Border ########################-->


 边框


<------border------->


<img border=#> #=value




<a href="URL">
<img src=URL border=15>
</a> 








<--################## Client Side Image Map ########################-->


 客户端图象映射图(Client Side Image Map)


请在下图中用鼠标到处点一点，就会理解“客户端图象映射图”的意思了。


<------Basic------->


<img src=http://www.cncms.com.cn/html/img.gif usemap="MAP-Name">


<map name="MAP-Name">
<area shape="#" coords="#" href="url">
</map>




#



shape="rect" coords="A,A',B,B'" 


(A,A')=Upper Left, (B,B')=Lower Right 


shape="circle" coords="A,A',R'" 


(A,A')=Center, R=Radius 


shape="poly" coords="A,A',B,B',C,C'..." 


(A,A'>=First Corner, (B,B')=Second Corner, ... 










<Text BOTTON><Triangle BOTTON><FACE>


<img src="maphttp://www.cncms.com.cn/html/img.gif" usemap="#Face"><map name="Face"><!Text BOTTON>   <area shape="rect"         href="page.html"          coords="140,20,280,60"><!Triangle BOTTON>   <area shape="poly"         href="image.html"         coords="100,100,180,80,200,140"><!FACE>   <area shape="circle"          href="new.html"          coords="80,100,60"></map>


以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索it

                    ，                文字

                    ，                is

                    ，                My

                    ，                图象

                                    Face++接口

                                    html tags、kindeditor htmltags、html5 tags、org.htmlparser.tags、html image，以便于您获取更多的相关知识。
				


				
时间： 2024-11-15 23:18:25

		
		


		


	

	
	

		


		
HTML图象(IMAGE)标记(TAGS)的相关文章


								

		

			

                页面(PAGE)标记(TAGS)
			

		

		

									

				页面 HTML 文件结构(Document Structures) <html>...</html><head>...</head><body>...</body> <HTML><HEAD> <title>, <base>, <link>, <isindex>, <meta></HEAD><BODY> HTML 文件的正文写在这			

		

	

				

		

			

                HTML页面(PAGE)标记(TAGS)
			

		

		

									

				HTML 文件结构(Document Structures) <html>...</html><head>...</head><body>...</body> <HTML><HEAD> <title>, <base>, <link>, <isindex>, <meta></HEAD><BODY> HTML 文件的正文写在这里..			

		

	

				

		

			

                HTML字体(FONT)标记(TAGS)
			

		

		

									

				标题字体(Header) <h#> ... </h#> #=1, 2, 3, 4, 5, 6 <h1>今天天气真好!</h1> 今天天气真好! <h2>今天天气真好!</h2> 今天天气真好! <h3>今天天气真好!</h3> 今天天气真好! <h4>今天天气真好!</h4> 今天天气真好! <h5>今天天气真好!</h5> 今天天气真好! <h6>今			

		

	

				

		

			

                HTML表格(TABLE)标记(TAGS)
			

		

		

									

				表格的基本语法 <table>...</table> - 定义表格<tr> - 定义表行<th> - 定义表头<td> - 定义表元(表格的具体数据) 带边框的表格: <table border><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td>&l			

		

	

				

		

			

                文字布局(TEXT STYLE)标记(TAGS)
			

		

		

									

				行的控制 段(Paragraph) (可以看作是空行) <p> 你好吗?<p>很好. 你好吗? 很好. 换行 <br> 你好吗?<br>很好. 你好吗?很好. 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这个标记的作用!</nobr> 请改变您浏览器窗口的宽度,使之小于这一行的宽度,看看这个标记的作用! 文字的对齐(Alignment) <hn align=#>..			

		

	

				

		

			

                HTML文字布局(TEXT STYLE)标记(TAGS)
			

		

		

									

				行的控制 <------Paragraph-------> 段(Paragraph) (可以看作是空行) <p> 你好吗?<p>很好. 你好吗? 很好. <------Break Line-------> 换行 <br> 你好吗?<br>很好. 你好吗?很好. <------No Break-------> 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度, 使之小于这一行的宽度, 看看这			

		

	

				

		

			

                HTML表单(FORM)标记(TAGS)
			

		

		

									

				基本语法 <------Form Basic-------> 表单的基本语法 <form action="url" method=*>... ... <input type=submit> <input type=reset></form> *=GET, POST <------Input Basic-------> 表单中提供给用户的输入形式 <input type=* name=**> *=text			

		

	

				

		

			

                怎样在Word 2013中标记格式不一致的错误
			

		

		

									

				在Word2013软件中,如果启用"保持格式跟踪"功能的同时再启用"标记格式不一致错误"功能,可以在执行"选择格式相似的文本"命令时,使用蓝色的波浪下划线标出格式相似但不完全相同的文字.Word2013启用"标记格式不一致错误"功能的步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"按钮,如图2013042412所示. 图2013042412 选择"			

		

	

				

		

			

                Word 2013中更正拼写时如何标记重复单词
			

		

		

									

				在Word2013文档中,用户可以根据需要在Word2013进行更正拼写时标记重复单词,以帮助用户找到可能存在的拼写失误,具体操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"按钮,如图2013072569所示. 图2013072569 单击"选项"按钮 第2步,打开"Word选项"对话框,切换到"校对"选项卡.在"在Microsoft Office程序中更正拼写