htm如何使兩張圖片上下對齊

① html怎麼載入gifhtml怎麼載入圖片

如何使用html標簽顯示gif圖片

1、html插入圖片要用到img標簽。具體的用法，首先新建一個html文件，寫入基本的html結構，導入一張gif格式的圖片：1。html在插入圖片時應該使用img標簽。的具體用法，先新建一個html文件，寫出基本的html結構，導入一張gif格式的圖片:

2、接著給img標簽一個class屬性，命名為img，在head標簽中設置style標簽，在style標簽設置「.img」的屬性，這里設置圖片的長度和高度，並且設置圖片的對齊方式為中心對齊，最後按下crtl＋S鍵保存文件：2.然後給img標簽一個class屬性，命名為img，在head標簽中設置style標簽，設置屬性為」。樣式標記中的「img」。在這里，設置圖片的長度和高度，並將圖片的對齊方式設置為居中對齊。最後，按CRTLS保存文件:

3.打開瀏覽器，可以在網頁中看到gif圖片的內容。這就是如何使用html標簽顯示gif圖像:

這是我在html中插入的一個gif文件，請問怎麼能讓他自適應屏幕大小（100%顯示）？

圖片的width屬性用百分比寫,100%之類的,這樣就是相對的大小,就可以自適應屏幕

gif怎麼插入到論文中？

1、首先啟動word2007運行該應用程序，新建一個文檔。

word文檔中文件怎麼插入gif動圖

2、執行插入-圖片命令，在彈出的插入圖片對話框中找到需要插入的圖片，點擊插入按鈕。

word文檔中文件怎麼插入gif動圖

3、調整圖片的大小，設置圖片居中對齊，執行文件-另存為命令。

word文檔中文件怎麼插入gif動圖

4、在彈出的另存為對話框中設置保存類型為網頁(htm、html)格式，點擊保存。

word文檔中文件怎麼插入gif動圖

5、這樣就以網頁的形式保存下來了，找到後雙擊打開，查看動畫效果。

word文檔中文件怎麼插入gif動圖

6、通過查看我們也會發現，文件的圖標也發生了相應的變化。

html中怎麼在背景圖片中插入字體並改變字體位置？

第一種方式是image作為背景圖片，即：background:url(.......);

例如如下代碼塊：

p>添加文字...添加文字...添加文字.../p>

第二種方式是將img塊與文字塊（文字塊採用span標簽顯示）放在同一個p中，然後設置他們之間的位置，例如如下代碼塊：

p>

img src=loading.gifwidth=170height=89alt=>

span>添加文字...添加文字...添加文字.../span>

/p>

第三種方式是將img塊與文字塊（文本塊存放在p中）放在同一個p中，然後設置他們之間的位置，例如如下代碼塊：

p>

img src=loading.gif/>

p>添加文字...添加文字...添加文字.../p>

/p>

html如何添加gif格式？

直接在img標簽中的src屬性添加gif格式的地址就行。

把flash導出動態GIF圖為什麼我勾選「透明」，輸出圖片還是帶白色背景？

1.點擊「文件」菜單中的「發布設置」命令，在隨後的「發布設置」對話框中的「格式」選項下，你會發現，軟體默認只勾選了「Flash（.swf）」和「HTML（.htm）」這兩個選項。要想導出GIF圖像，事先得在此對話框中再選中「GIF圖像（.gif）」這個選項後，點開隨後出現的「GIF」選項卡。

2.在「GIF」這個選項卡下，在「回放」項中確認選中「動畫」和「不斷循環」這兩項；在「選項」項中確認選中「優化顏色/抖動實底/交錯/刪除漸變色/平滑」這五種效果中的某一或幾種；在「透明」項中點開右邊的倒黑三角後確認選中「透明」項（這是你想做成透明背景的關鍵）；點開「抖動」項右邊的倒黑三角後選擇一種抖動效果；點開「調色板類型」項右邊的倒黑三角後選擇一種調色板效果；點按「確定」。

3.點擊「發布設置」對話框中的「發布」按鈕，或者點擊「文件」菜單中的「發布」命令後，再到你的「X:ProgramFilesMacromediaFlashMX」（這里「X」是指你的安裝的FlashMX所在的分區）文件夾下，或者到你已經保存了編輯文件（.fla）所在的文件夾中，你會發現多出了三個擴展名不同但都是「未命名-1」為名的文件，其中「未命名-1.gif」就是透明背景的動態GIF圖形成品！註：當然了，也可直接點「文件」菜單下的「導出影片」命令後，先點開「保存類型」右邊的倒黑三角並選中「GIF動畫」，再找好存放位置並命名文件名後點按「保存」按鈕。但這種方式輸出的最後成品，其背景是不透明的！

② HTML文字怎麼樣右對齊

1、創建一個html文件，並使用文本編輯器打開，輸入html基本元素：

(2)htm如何使兩張圖片上下對齊擴展閱讀：

HTML書寫方式：

它其實是文本，它需要瀏覽器的解釋，它的編輯器大體可以分為三種，

1、基本文本、文檔編輯軟體，使用微軟自帶的記事本或寫字板都可以編寫，當然，如果你用WPS來編寫，也可以。不過存檔時請使用.htm或.html作為擴展名，這樣就方便瀏覽器認出直接解釋執行了。

2、半所見即所得軟體，

如：FCK-Editer、E-webediter等在線網頁編輯器；

尤其推薦：Sublime Text代碼編輯器（由Jon Skinner開發，Sublime Text 2收費但可以無限期試用）。

3、所見即所得軟體，使用最廣泛的編輯器，完全可以一點不懂HTML的知識就可以做出網頁，如：

AMAYA（出品單位：萬維網聯盟）；

FRONTPAGE（出品單位：微軟）；

Dreamweaver（出品單位：Adobe）。

4、所見即所得軟體與半所見即所得的軟體相比，開發速度更快，效率更高，且直觀的表現更強。任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構復雜，不利於大型網站的多人協作和精準定位等高級功能的實現。

③ 程序員必須知道的HTML常用代碼有哪些

html+css代碼
文本設置
1、font-size: 字型大小參數
2、font-style: 字體格式
3、font-weight: 字體粗細
4、顏色屬性
color: 參數
注意使用網頁安全色

超鏈接設置
text-decoration: 參數
主要用途是改變瀏覽器顯示文字鏈接時的下劃線。
參數取值范圍：
underline：為文字加下劃線
overline：為文字加上劃線
line-through：為文字加刪除線
blink：使文字閃爍
none：不顯示上述任何效果

背景
1、背景顏色
background-color: 參數
2、背景圖片
background-image: url(URL)
URL就是背景圖片的存放路徑，none表示無。
3、背景圖片重復
background-repeat: 參數
參數取值范圍 ：
no-repeat：不重復平鋪背景圖片
repeat-x：使圖片只在水平方向上平鋪
repeat-y：使圖片只在垂直方向上平鋪
如果不指定背景圖片重復屬性，瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4、背景圖片固定
背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力，一般都設為固定
background-attachment: 參數
參數取值范圍：
fixed：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，固定不動
scroll：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，一起滾動

區塊
1、單詞間距
word-spacing: 間隔距離
2、字母間距
letter-spacing: 字母間距
3、文本對齊
text-align: 參數
參數的取值：
left：左對齊
right：右對齊
center：居中對齊
justify：相對左右對齊
4、垂直對齊
vertical-align: 參數
top：頂對齊
bottom：底對齊
text-top：相對文本頂對齊
text-bottom：相對文本底對齊
baseline：基準線對齊
middle：中心對齊
sub：以下標的形式顯示
super：以上標的形式顯示
5、文本縮進
text-indent: 縮進距離
12px相當於一個文字距離
6、空格
white-space: 參數
normal 正常
pre 保留
nowrap 不換行
7、顯示樣式
display: 參數
參數取值范圍：
block：塊級元素，在對象前後都換行
inline：在對象前後都不換行
list-item：在對象前後都換行，增加了項目符號
none：無顯示

方框
1、height 高度
2、width 寬度
3、padding 內邊距
4、margin 外邊距
5、float（浮動）：可以讓塊級元素在一行中排列，例如橫向菜單。
6、clear 清除浮動

邊框
1、樣式
border style 參數
邊框樣式的參數：
none：無邊框
dotted：邊框為點線
dashed：邊框為長短線
solid：邊框為實線
double：邊框為雙線
2、寬度
border width 參數
3、顏色
border color 參數

列表
list-style-type 列表樣式
不同瀏覽器的列表符可能不相同，可能會影響到網頁，所以網頁中的列表大多都是由背景圖片顯示。
控制用戶界面的樣式

滑鼠
cursor：滑鼠形狀參數
CSS滑鼠形狀參數表：
滑鼠形狀：CSS代碼
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭頭形：
style="cursor:help" 問號形
style="cursor:e-resize" 右箭頭形
style="cursor:n-resize" 上箭頭形
style="cursor:nw-resize" 左上箭頭形
style="cursor:w-resize" 左箭頭形
style="cursor:s-resize" 下箭頭形
style="cursor:se-resize" 右下箭頭形
style="cursor:sw-resize" 左下箭頭形

HTML常用代碼之：結構性定義
文件類型<HTML></HTML> （放在檔案的開頭與結尾）
文件主題<TITLE></TITLE> （必須放在「文頭」區塊內）
文頭<HEAD></HEAD> （描述性資料，像是「主題」）
文體<BODY></BODY> （文件本體）
標題<H?></H?> （從1到6，有六層選擇）
標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
區分<DIV></DIV>
區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊<BLOCKQUOTE></BLOCKQUOTE> （通常會內縮）
強調<EM></EM> （通常會以斜體顯示）
特別強調<STRONG></STRONG> （通常會以加粗顯示）
引文<CITE></CITE> （通常會以斜體顯示）
碼<CODE></CODE> （顯示原始碼之用）
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數<VAR></VAR>
定義<DFN></DFN> （有些瀏覽器不提供）
地址 <ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
與外觀相關的標簽（作者自訂的表現方式）
加粗<B></B>
斜體<I></I>
底線<U></U> （尚有些瀏覽器不提供）
刪除線<S></S> （尚有些瀏覽器不提供）
下標<SUB></SUB>
上標<SUP></SUP>
打字機體<TT></TT> （用單空格字型顯示）
預定格式<PRE></PRE> （保留文件中空格的大小）
預定格式的寬度<PRE WIDTH=?></PRE>（以字元計算）
向中看齊<CENTER></CENTER> （文字與圖片都可以）
閃耀<BLINK></BLINK> （有史以來最被嘲弄的標簽）
字體大小 <FONTSIZE=?></FONT>（從1到7）
改變字體大小 <FONTSIZE=+|-?></FONT>
基本字體大小 <BASEFONTSIZE=?> （從1到7; 內定為3）
字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）

HTML常用代碼之：修改頁面的實用性HTML代碼
貼圖：<img src="圖片地址">
加入連接：<a href="所要連接的相關地址">寫上你想寫的字</a>
在新窗口打開連接：<a href="相關地址" target="_blank">寫上要寫的字</a>
移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>
字體加粗：<b>寫上你想寫的字</b>
字體斜體：<i>寫上你想寫的字</i>
字體下劃線: <u>寫上你想寫的字</u>
字體刪除線: <s>寫上你想寫的字</s>
字體加大: <big>寫上你想寫的字</big>
字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)
更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
消除連接的下劃線：<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>
貼flash: <embed src="flash地址" width="寬度" height="高度">
貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
換行：<br>
段落：<p>段落</p>
原始文字樣式：<pre>正文</pre>
換帖子背景：<body background="背景圖片地址">
固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>
定製帖子背景顏色：<body bgcolor="#value">(value值見10)
帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>
貼網頁：<iframe. src="相關地址" width="寬度" height="高度"></iframe>

HTML常用代碼之：常常會遇到的問題

點擊關閉窗口
<a href="javascript.:top.window.close();">點擊關閉窗口</a>！

請問如何去掉主頁右面的滾動條？
<body scroll="no">

<body style="overflow-y:hidden">

如何做到讓一個網頁自動關閉.
<html>

<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>

如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=『『『『red『『『『>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>

請問如何讓網頁自動刷新？
在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒後自動刷新，你可以更改為任意值。
如何讓頁面自動刷新？
方法一，用refresh
HTML 代碼片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼，再按運行]
方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>

如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：
<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>

請問如何去掉IE的上下滾動條？
<body style=『『『『overflow:scroll;overflow-y:hidden『『『『>
</body>

怎樣才能把RealPlayer文件在網頁做一個試聽連接？
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>

如何用html實現瀏覽器上後退按鈕的功能？
<a href="java script.:history.go(-1)">點擊後退</a>
或者
<script> history.back() </SCRIPT>

HTML常用代碼之：你不一定知道的技巧

ncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用於Table

<body nselectstart="return false"> 取消選取、防止復制

onpaste="return false" 不準粘貼

on="return false;" ncut="return false;" 防止復制

<link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標

<link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

<inputstyle="ime-mode:disabled"> 關閉輸入法

永遠都會帶著框架
<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁
// --></script>

防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

網頁將不能被另存為
<noscript><iframe.src=*.html></iframe></noscript>

查看網頁源代碼
<input type=button value=查看網頁源代碼
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">

刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>

屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!");//可以換成ALTCTRL
}
document.onkeydown=look;
</script>

網頁不會被緩存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">

怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉？更簡單了
<body scroll="no">
</body>

怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>

電子郵件處理提交表單
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打開的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()

如何設定打開頁面的大小
<body nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="top.moveBy(300,200);">

在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

檢查一段字元串是否全由數字組成
<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight

怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");

TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期減去天數等於第二個日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

選擇了哪一個Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>

腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors;// -->
</SCRIPT>

ENTER鍵可以讓游標移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">