1. CSS一邊居左一邊居右的代碼
我來回答你：把下面的代碼復制到記事本中，保存，並保存為.html網頁文件，打開就看到了！代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
*{ margin:0; padding:0;}
#a{ width:910px; margin:20px auto;}
#l{ width:450px; border:1px solid #ccc; float:left; height:210px;}
#r{ width:450px; border:1px solid #ccc; float:right; height:210px;}
.cf{ clear:both;}
.f{ clear:both; height:90px; border:1px solid #ccc; margin-top:6px;}
.l{ width:400px; border:1px solid #ccc; float:left; height:210px; margin-top:6px;}
.r{ width:500px; border:1px solid #ccc; float:right; height:210px;margin-top:6px;}
</style>
</敗弊或head>
<body>
<div id="a">
<h1>網站簡察伍單布局卜瞎 兼容IE FF</h1>
<div id="l">左框</div>
<div id="r">右框</div><div class="cf"></div>
<div class="f"></div>
<div class="l"></div>
<div class="r"></div>
</div>
</body>
</html>
如果可以，請給我分！
2. html怎麼讓一行文字一部分靠左顯示，另外一部分靠右顯示~~
html讓文字一部分靠左顯示，另外一部分靠右顯示的代碼如下：
1.使用float樣式，讓文字左右浮動即可，先輸入向左浮動的文字，示例代碼如下：
<div style="float:left;">明月幾時有？把酒問青天。</div>
3. 如何讓某個div居左、居右、劇中
div+css是Web設計標准，它是一種網頁的布局方法。與傳統中通過表格（銷宴Table）布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。
下面分別對div居左、居右、居中做下代碼演示：
div css布局之div左對齊，div+css布局完整代碼：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>div對齊實例在線演示DIVCSS5</title>
<style>
.divcss5-left{float:left;width:250px;height:50px;border:1pxsolid虧李銀#F00}
</style>
</head>
<body>
<divclass="divcss5-left">此DIV靠左對齊顯示</div>
</body>
</html>
4. 求一個圖片居右的html代碼
圖片滾拿居右的html代碼
用align="right"，來讓圖片居於右邊。
如代碼：
<html>大行搭
<body>
<imgsrc="圖片路徑"align="right"/>
</body>
</html>
用浮動，來讓圖片居於右邊。
如代碼：
<html>
<body>
<divstyle="float:right"><imgsrc="圖片路徑"/></div>
</body>
</html>
用定位，來讓圖片居於帶猛右邊。
如代碼：
<html>
<body>
<!--先設置父級為relative--><divstyle="position:absolute;right:0;top:0;"><imgsrc="圖片路徑"/></div>
</body>
</html>
5. 怎樣才能讓網頁上的圖片靠右
圖片在html中默認是放在左邊，放在右邊的步驟如下：
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
6. html文字怎麼設置居左居中居右
<div class="text clearfix" style="text-align:center;">
2.<span style="float:right;">居右</span><span style="float:left;">居左</span>居中
</div>
7. html怎麼把文字靠右
1怎麼讓一行文字一部分靠左顯示,另外一部分靠右顯示~~
靠左顯示靠右顯示除了使用float樣式以外，通過設置text-align:right: text-align:left；也可以改變文字居右和居左.根據需要，選擇以上兩種方法中的一種或是組合使用，如. 靠左顯示並且內容居左靠右顯示並且內容居右。
2.如何讓div里文字靠右
可以使用「text-align:right；」屬性讓div里文字靠右。
1、新建html文檔，在body標簽中添加div標簽，然後為div標簽設置寬高和邊框屬性：
2、在div標簽中輸入文字，這時默認情況下div裡面的文字靠左居中：
3、為div標簽添加屬性「text-align: right;」,「text-align」指的是文字對齊方式，「 right」指的是靠右對齊，這時div裡面的文字就會靠右對齊：
3 怎麼編寫 文字靠左,圖片靠右,並且底部對齊
有很多種方法，可以計算外層DIV的高度，為包含文字和圖片的標簽分別設置左右對齊，然後給相應的margin上邊距。
還可以對最外層的DIV設置相對定位，再對裡面的文搭敏字與圖片設置絕對定位。定位示例： 413 比如你的DIV長為610像素，高為150像素的話隱虛，樣式如下： <style type=text/css> div {width:610px; height:150px; margin:50px auto; position:relative;} span {position:absolute; left:0; bottom:0px;} img {position:absolute; right:0; bottom:0px;} </style> 效果如下： 參考資料：css3 。
4中怎麼把某些字體放到右
一. 長度單位 1.相對類型 A. px (piexl) 像素，根據顯示設備的解析度的多少而代表不同的長度，因此屬於相對類型。
例如一張高寬為100px的圖，在800*600解析度中比在1024*768解析度中大。因為兩個解析度中100px代表的長度不同。
B. em 這是設置以目前字元的高度為單位。比如h1{margin:2em}，就會以目前字元的兩倍高度來顯示。
em作為尺度單位時是以font-size屬性為參考依據的，若是沒有font-size屬性，就以瀏覽器默認的字元高度作為參考。 2.絕對類型 絕對指無論顯示設備的解析度是多少，都代表相同的長度。
尺度單位名 說明 in（英寸） 不是國際標准單位，極少使用 cm（厘米） 國際標准單位，較少用 mm（毫米） 國際標准單位，較少用 pt（點數） 最基本的顯示單位，較少用 pc（印刷單位） 應用在印刷行業中，1pc=12pt Ps：可以看到，在CSS使用過程中相對類型長度單位使用較多，而絕對類型較少使用。 二. 顏色定義 在html頁面中，顏色統一用RGB的模式顯示，也就是通常人們所說的「紅綠藍」三原色模式，每種顏色都由著三種顏色的不同比重組成，每種顏色的比重分為0~255檔。
當紅綠藍三個分量都設置為255時就是白色，例如rgb(100%,100%,100%)和#FFFFFF都指白色。 （FF即為16進制中的255） 在css中文字顏色是通過color屬性設置的，示例如下： h3{color:bule;} h3{color:#0000ff;} h3{color:#00f;} h3{color:rgb(0,0,255);} h3{color:rgb(0%,0%,100%)；} 第1種是用顏色的英文名稱作為屬性值。
第2種是最常用的6位的十六進制數值表示。 第3種是第2種方式的簡寫方式。
第4種是分別給出紅綠藍3種顏色分量的十進制數值。 第5種是分別給出紅綠藍3種顏色分灶枝燃量的百分比。
三. 設置文字的字體 在此處我們先准備一個html頁面，如果你不方便可以下載我這個4-3。 html 然後在其頭部增加如下代碼： h1{ font-family：黑體； } p{ font-family:Arial,」Times New Roman」，； } 以上語句聲明了html頁面中h1字體使用黑體，文本段落同時聲明了兩種字體，分別是Arial字體和Times New Roman字體。
其含義是告訴瀏覽器在訪問者的計算機中尋找Arial字體，如果沒有Arial字體，就尋找Times New Roman字體，如果兩種字體都沒有，則使用瀏覽器默認的字體顯示。 font-family屬性可以同時聲明多種字體，字體之間用逗號分隔開。
另外一些字體的名稱中會出先空格，例如「Times New Roman」字體，這時要用雙引號將其括起來，是瀏覽器知道這是一種字體名稱，要用英文引號。 Ps：很多設計者喜歡多種多樣的字體，但這些字體很多用戶不會安裝，因此一定要設置多個備選字體，避免瀏覽器直接替換成默認的字體。
最直接的方法是使用了生僻字體的部分，用圖形軟體製作成效的圖片，再載入到頁面中。 四.設置字體的傾斜效果 文字的傾斜並不是真的把字體拉斜實現的，傾斜的字體是一個獨立的字體，對應於操作系統中的某一個字型檔文件。
嚴格來說，在英文中，字體的傾斜有以下兩種： 1。 italic，即義大利體，我們平常說的傾斜都是指「義大利體」，大家看到各種文字處理軟體上傾斜按鈕是一個i字母，這就是原因。
2。oblique，即真正的傾斜，這就是把一個字母向右邊傾斜一定的角度產生的效果。
Windows操作系統下沒有實現oblique方式的字體，只是找了一個接近它的字體來示意。 CSS中的font-style屬性用來控制字體的傾斜，可以設置為「正常」、「義大利體」、「傾斜」三種樣式，示例如下： font-style:normal; font-style:italic; font-style:oblique； 在Windows上不能區分italic和oblique，他們都是按照italic方式進行顯示的，這不是瀏覽器的問題，而是操作系統不夠完善。
Ps：對於中文字體來說，並不存在這么多情況。另外，中文字體的傾斜效果並不好看，因此網頁上很少使用中文字體的傾斜效果。
五.設置文字加粗效果 在html中使用、或者將文字設置為粗體，在css中使用font-weight屬性控制文字的粗細，可以將文字的粗細進行細致的劃分，更重要的是css還可將本來是粗體的文字變成正常粗細。 font-weight屬性的設置值 設置值 說明 normal 正常粗細 bold 粗體 bolder 加粗體 lighter 比正常粗細還細 100-900 共有9個層次100,200……900，越大越粗 實際上大多數操作系統和瀏覽器只能設置「正常」和「加粗」兩種粗細，示例如下： font-weight:normal; font-weight:bold; ps：在html中和表現效果是一樣的，但是沒有語義，表示「突出」、「加強」含義，大多數搜索引擎都對網頁中的strong很重視。
但是設計者一方面想引起重視一方面又不想以粗體顯示。這時可以對使用」font-weight:normal」，這樣就可以讓其回復正常粗細，又不影響語義效果。
六.英文字母大小寫轉換 英文轉換由屬性text-transform屬性控制，有三個值： text-transform:capitalize； /*單詞首字母大寫*/ text-transform:uppercase； /*全部大寫*/ text-transform:lowerocase； /*全部小寫*/ 示例如下： 英文字母大小寫轉換 #p1{ text-transform:capitalize; } #p2{ text-transform:uppercase; } #p3{ text-transform:lowercase; } hello ALL world hello ALL world hello ALL world 瀏覽器結果： 我們可以看到如果設置text-transform:capitalize，原來。
5語法編寫網頁怎麼實現網址的鏈接
網頁鏈接就是A標簽
<a href="&&&&"></a>
&&&&；的位置填寫網頁地址就可以了，記得帶 DIR=RTL>
文字從右到左顯示，類似於古文書寫方式
8. 在html中如何將單元格中的文字設置為居右或者居左顯示
在表格td中，有兩個屬性控制居中。
1.align控制左右居中：left center right
2.valign控制上下居中：left center right
這兩個屬性綜合使用，就可以讓單元格的內容上下左右都居中顯示。但有時會失效，那麼在td中設置text-align為center也可。
9. 網頁怎麼做文字顯示位置的控制
文字顯示位置分別為：
水平方向（align），垂直方向（valign）
水平方向即左中右：
left（左對齊）
center（居中）
RIGHT（右對齊）
垂直方向即靠頂和靠底.
top（靠頂）、bottom（靠底）等。
一. 水平方向即左中右的代碼：
<p align=left>
<font style=font:15pt face=黑體 color=fff000>向左對齊</font></P>
<p align=CENTER>
<font style=font:15pt face=黑體 color=fff000>表示居中</font></P>
<p align=RIGHT>
<font style=font:15pt face=黑體 color=fff000>向右對齊</font></P>
說明:
金鑰匙就不顯示了, 其實是很明顯的, 看文字你就知道具體的方位了!
下面我們用圖片做出來的效果代碼, 對大家的幫助和學習是實例的意義, 理解起來就清楚得多了;
代碼如下:
<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://img.bimg.126.net/photo/jo8HqUwaHI7sW-so_hKerg==/1988339235485514743.jpg border=18>
<TBODY>
<TR>
<td align=center valign=top><br>
<FONT style="FONT-SIZE: 25pt" face=華文行楷 color=#ff00ff> <B>
<p align=left>金鑰匙</P><br>
<p align=CENTER>喜歡你的到來!</P><BR><BR>
<p align=RIGHT>朋友<br>你好!</P></B></FONT>
</TD></TR></TOBDY><尺猜/TABLE></CENTER>
顯示:
金鑰匙
喜歡你的到來!
朋友
你好!
說明;
1. 代碼中紅色的就是圖片的地址, 大家是可以換的!
2. 代碼中粉色的是文字的標簽, 它裡面的含義包括了文字設置的大小; 文字的字體; 文字的顏色值; 這些都是可以調整的!
3. 代碼中黃色的就是直接顯示文字的位置了, 其實就是水平方向即左中右的代碼!
二. 靠頂和靠底的代碼：
垂直方向valign）靠頂的代碼侍啟：
<TD align=LEFT valign=top>居左靠頂</TD>
<TD align=center valign=top>居中靠頂</TD>
<TDalign=RIGHT valign=top>居右靠頂</TD>
垂直方向valign）靠底的代碼：
<TD align=LEFT valign=bottom>居左靠底</TD>
<TD align=center valign=bottom>居中靠底</TD>
<TD align=RIGHT valign=bottom>居右靠底</TD>
文字輸出位置垂直方向的代碼是設置在一張空表格的單元格里（TD）和(/TD)，方便易用。
實例如下：
<CENTER>
<TABLE width=480 height=320 bordercolor=olive background=http://sucai.heima.com/sucai/news/bg/59.jpg border=18>
<TR>
<TD>
<TABLE width=460 height=320 bordercolor=olive border=0>
<TR>
<TD align=LEFT valign=top height=80><FONT style="FONT-SIZE: 12pt" face=黑體 color=#fff000><B>
居左靠頂的代碼<BR><h3>align=LEFT valign=top</h3></B></FONT></TD></TR>
<TR>
<TD align=center valign=top height=160><FONT style="FONT-SIZE: 12pt" face=黑體 color=#fff000><B>
居中靠頂的代碼<BR><老困如h3>align=center valign=top</h3></B></FONT></TD></TR>
<TR>
<TD align=RIGHT valign=bottom height=80><FONT style="FONT-SIZE: 12pt" face=黑體 color=#fff000><B>
居右靠底的代碼<BR><h3>align=RIGHT valign=bottom</h3></B></FONT>
</TD></TR></TABLE>
</TD></TR></TABLE></CENTER>
顯示:
居左靠頂的代碼
align=LEFT valign=top
居中靠頂的代碼
align=center valign=top
居右靠底的代碼
align=RIGHT valign=bottom
說明:
◇垂直方向設置必須在表格的單元格里（TD）和(/TD)。
◇本實例在圖框內插入一張空表格，分為三橫排。
◇根據各行插入內容設置高度。
◇在一張表格中，設置每一行的關鍵語句。
行的開始標簽：
<TR>
<TD align=center valign=top height=160>
插入內容
行的結束標簽：
</TD></TR>
代碼命令註解:
一、字體語法：
align=center 字體居中
align=right 字體居右
align=left 字體居左
align=up 字體居上
align=down 字體居下
<font color=ff000>...</font> 字體顏色
face=華文行楷表示字體
<font style=font:30pt face=新宋體 color=#ff0000>文字</font>
font:30pt 數值大文字就大
<font size=1>...</font> 最小字體
<font size=7>...</font> 最大字體
<h1>...</h1> 標題字(最大 )
<h6>...</h6> 標題字(最小)
<b>...</b>粗體字
<strong>...</strong> 粗體字(強調)
<i>...</i> 斜體字
<em>...</em> 斜體字(強調)
<big>...</big> 字體加大
<marquee>...</marquee> 移動字體(走馬燈)
<dfn>...</dfn> 斜體字(表示定義)
<u>...</u> 底線
<ins>...</ins> 底線(表示插入文字)
<strike>...</strike> 橫線
<s>...</s> 刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd> 鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp 固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext> 固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font style ="font-size:100px">...</font> 無限增大
二、區斷標記：
<hr> 水平線
<hr size="9" 水平線(設定大小)
<hr width="80%"> 水平線(設定寬度)
<hr color="ff0000"> 水平線(設定顏色)
<br> (換行)
空格命令
<nobr>...</nobr> (不換行)
<p>...</p>(段落)
<center>...</center> 置中 <!>連結格式
<base href=地址> (預設好連結路徑)
<a href=地址></a> 外部連結
<a href=地址 target="_blank"></a> 外部連結(另開新窗口)
<a href=地址 target="_top"></a> 外部連結(全窗口連結)
<a href=地址 target="頁框名"></a> 外部連結(在指定頁框連結)
三、貼圖/音樂：
<img src=圖片地址> 貼圖
<img src=圖片地址 width="180"> 設定圖片寬度
<img src=圖片地址 height="30"> 設定圖片高度
<img src=圖片地址 alt="提示文字"> 設定圖片提示文字
<img src=圖片地址 border="1"> 設定圖片邊框
<bgsound src=MID音樂文件地址> 背景音樂設定
<body background="背景圖片地址"> 貼背景
<body bgcolor="#ff0000"> 設定背景顏色
<embed src="flash地址" width="寬度" height="高度"> 貼Flash圖
<img dynsrc="影視文件地址" width="寬度" height="高度" start=mouseover> 貼影視
<iframe src="相關地址" width="寬度" height="高度"></iframe> 貼網頁
<A href="對方網址">寫文字 文字連接
<a href="對方網址"><IMG src="圖片地址" border=0> 圖片連接
<DIV><FONT face=黑體 color=#ff0000 size=4> <A href="對方網址">文字</DIV> 彩色文字連接
<P align=center><FONT color=#0066ff face=華文行楷 size=5>插入文字</FONT></P>設定文
四、滑動語法：
<marquee>...</marquee>普通滑動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回滑動
<marquee direction=down>...</marquee>向下滑動
<marquee direction=up>...</marquee>向上滑動
<marquee direction=right></marquee>向右滑動
<marquee direction=left></marquee>向左滑動
<marquee loop=2>...</marquee>滑動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=2>...</marquee>設定滑動速度數值
<marquee scrolldelay=200>...</marquee>設定滑動時間
<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑動停頓
<body background="背景圖片地址" body bgproperties=fixed>固定背景不隨滾動條滾動
五．表格語法：
<table aling=left>...</table>表格位置,置左
<TABLE aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合並欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合並列的列數(使用數字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批註
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
10. 求網頁文字居右代碼急急急！
在頁面里這樣鏈碧槐寫，把棚友你要居右的文字寫上<li>你慧梁的文字</li>
在頁面裡面再寫
<style type="text/css">
li{
text-align:right;
list-style:none;}
</style>