網頁設計列表項目符號代碼_網頁設計左邊的項目符號怎麼做

1、網頁設計左邊的項目符號怎麼做

2、在dreamweaver中怎麼插入項目符號

1、首先在電腦中啟動dreamweaver軟體，新建一個HTML，沒有HTML靜態網頁基礎的可以切換到實時視圖。

3、接下來回點擊上方的插入答菜單按鈕，如下圖所示。

4、接下來點擊二級菜單項目列表，如下圖所示。

5、然後在頁面中輸入內容，寫完一句可以回車，符合會跟著下來，如下圖所示就完成了。

3、css如何顯示項目符號為數字

用過Word的人都知道Word有一個「項目符號和編號」的功能，用起來很方便。Dreamweaver3的屬性面板也有一個類似有的「項目符號和編號」的圖標按鈕，產生自動列表功能，但它只有兩種形式，即方塊和阿拉伯數字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義「列表符號的格式」。下面以定義一個「大寫羅馬數字項目列表符號」為例來說明其使用方法：
1、按F7（或點擊快速啟動欄里那個象「八卦圖」似的圖標），調出CSS面板，選擇「none」，再點擊面板下部的編輯圖標，在彈出的「Edit Style Sheet」對話框上按「New」按鈕，在彈出的「New Style」對話框中選擇「Redifine HTML TAG（重定義HTML標記）」後，在下面的「Tag」選擇框中選擇「ol」，按OK，立即彈出「Style Definition for ol」對話框，
在「Style Definition for ol」對話框左邊的選擇窗口中選擇「list」，在右邊的面板上我們只要定義「Type」就行了，點一下右邊那個三角形按鈕，
2、我來解釋一下上圖中這個列表中各項的含義：

disc：實心圓；
circle：空心圓；
square：實心方塊；
decimal：十進制數字；
lower-roman：小寫羅馬數字；
upper-roman：大寫羅馬數字；
lower-alpha：小寫英文字母；
upper-alpha：大寫英文字母；
none：不顯示項目符號和編號。
很顯然，在本例中要選擇「upper-roman」，然後按OK返回（要注意「Bullet」屬性現在不要選，否則有可能就不是預期的結果了）。在「Edit Style Sheet」對話框上按「Done」按鈕結束。在網頁源代碼的〈head〉與〈/head〉之間見到的CSS代碼是這樣的：

以下為引用的內容：
〈style type="text/css"〉
〈!--
ol { list-style-type: upper-romancircle}
--〉
〈/style〉

對於不是使用Dreamweaver3的網友，直接把上述代碼復制在〈head〉與〈/head〉之間，產生的效果相同。
3、這樣當我們在設計網頁時，在屬性面板上點擊項目編號圖標，就能獲得大寫羅馬數字的列表了，但在編輯時看到的還是十進制編號，只有在瀏覽時才顯示其本來面目。若需要其它格式的編號，只要在第二步中選擇列表中的其它樣式就行了。
若是要使按下圖標後，項目符號前面那個圖形（默認的是實心方塊）也改變為數字編號，只要在第一步中選擇「Tag」標記時不要選「ol」而改為選「ul」，其它操作完全相同。如要把它改成用大寫羅馬數字項目符號，則得到的CSS代碼是這樣的：

以下為引用的內容：
〈style type="text/css"〉
〈!--
ul { list-style-type: upper-romancircle}
--〉
〈/style〉

從這里可以看，這兩個圖標所起的作用基本相同，只是標記不同而已。

4、CSS 樣式列表項目符號亂碼

設置網頁的編碼格式為：UTF-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

加入到head標簽裡面

5、如何在HTML中製作列表標記，以及實現列表嵌套

方法/步驟

1
無序列表

無序列表中每一個表項的前面是項目符號（如■ 、 ● 等）。
建立無序列表使用<UL>標記和<LI>表項標記。格式為：
<UL type=符號類型>
<LI type=符號類型> 第一個列表項
<LI type=符號類型> 第二個列表項
……
……
</UL>
2
<LI>標記：是單標記，即一個表項的開始，就是前一個表
項的結束。
Type：指定每個表項左端的符號類型，可為
disc（實心圓點●）、
circle（空心圓點○）、
square（方塊□），
還可以自己設置圖片，
如<LI img src=mygraph.gif>默認為實心圓點。
3
例無序列表標記的使用
<HTML>
<HEAD>
<TITLE>無序列表標記的使用</TITLE>
</HEAD>
<BODY>
<FONT size=4>網路的拓撲結構</FONT>
<UL>
<LI>匯流排結構
<LI type="circle">星型結構
<LI type="square">環型結構
</UL>
</BODY>
</HTML>

4
有序列表

使用<OL>標記可以建立有序列表，表項的標記仍為LI，格式為：
<OL type=符號類型>
<LI type=符號類型>第一個表項
<LI type=符號類型>第二個表項
……
……
</OL>
5
type屬性可設定5種序號：

數字（type=1）、
大寫英文字母（type=A）、
小寫英文字母（type=a）、
大寫羅馬字母（type=I）、
小寫羅馬字母（type=i），
預設的序號標記是數字。
6
例有序列表標記的使用

<HTML>
<HEAD>
<TITLE>有序列表標記的使用</TITLE>
</HEAD>
<BODY>
通過撥號網路連接Internet的步驟
<OL>
<LI>安裝數據機
<LI>創建撥號連接
<LI type="A">設置撥號網路
<LI type="i">設置撥號網路
</OL>
</BODY>
</HTML>

7
列表的嵌套

列表嵌套能將製作的網頁頁面分割為多層次，比如圖書的目錄，讓人覺得有很強的層次感。有序列表和無序列表不僅能自身嵌套，而且也能互相嵌套。
8
無序列表中套無序列表

9
有序列表中套無序列表

END
注意事項

注意一般不採用無序列表嵌套有序列表
採用無序列表還是有序列表取決於目錄的性質與數量

6、求教怎樣用CSS代碼定義項目列表符號的大小？

直接把你想要來的符號切源成圖片，然後，list ul li{ background:url() no-repeat 8px 8px;} 後面兩個數字控制的是背景的位置，前面那個是x 後面那個是y，我切了不知道多少圖，還沒用過自帶符號。。。。。

7、在Dreamweaver中列表項目符號在哪裡

dreamweaver下面的屬性欄里不是有嗎，就在B、I（加粗、傾斜）兩個工具的後面。

用css中的 list-style-type 項目符號格式設置命令
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值：

disc : CSS1 默認值。實心圓

circle : CSS1 空心圓

square : CSS1 實心方塊

decimal : CSS1 阿拉伯數字

lower-roman : CSS1 小寫羅馬數字

upper-roman : CSS1 大寫羅馬數字

lower-alpha : CSS1 小寫英文字母

upper-alpha : CSS1 大寫英文字母

none : CSS1 不使用項目符號

armenianl : CSS2 未支持。傳統的亞美尼亞數字

cjk-ideographic : CSS2 未支持。淺白的表意數字

georgian : CSS2 未支持。傳統的喬治數字

lower-greek : CSS2 未支持。基本的希臘小寫字母

hebrew : CSS2 未支持。傳統的希伯萊數字

hiragana : CSS2 未支持。日文平假名字元

hiragana-iroha : CSS2 未支持。日文平假名序號

katakana : CSS2 未支持。日文片假名字元

katakana-iroha : CSS2 未支持。日文片假名序號

lower-latin : CSS2 未支持。小寫拉丁字母

upper-latin : CSS2 未支持。大寫拉丁字母

－－－－－－－－－－－－－－－－－－－

LI代碼的格式化:

A).運用CSS格式化列表符：

ul li{

list-style-type:none;

}

B).如果你想將列表符換成圖像，則：

ul li{

list-style-type:none;

list-style-image: url(images/icon.gif);

}

C).為了左對齊，可以用如下代碼：

ul{

list-style-type:none;

margin:0px;

}

D).如果想給列表加背景色，可以用如下代碼：

ul{

list-style-type: none;

margin:0px;

}

ul li{

background:#CCC;

}

E).如果想給列表加MOUSEOVER背景變色效果，可以用如下代碼：

ul{ list-style-type: none; margin:0px; }

ul li a{ display:block; width: 100%; background:#ccc; }

ul li a:hover{ background:#999; }

說明：display:block;這一行必須要加的，這樣才能塊狀顯示！

F).LI中的元素水平排列,關鍵FLOAT:LEFT：

ul{

list-style-type:none;

width:100%;

}

ul li{

width:80px;

float:left;

}

8、急求！！！網頁設計 HTML代碼大全

HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁（WebPage）文件主要是用超文本標記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開。元素又由標記(tag)的構成，大多數標記是成對出現的，分起始標記< >(start tag)和結尾標記</ >(end tag)，以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件，不同於一般的編程語言，故稱為腳本（Script）更准確一點。其實也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學會HTML，並能很快寫出有自己特色的Homepage來。
需要說明的是：各種瀏覽器對html元素及其屬性的解釋不完全一樣，如NC與IE是有區別的。
標簽內容備注
基本標簽所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體（頁面的實際內容）
標題標簽　
<title>……</title> 在標題欄中顯示的題目（放在<head></head>內）
擴展屬性標簽　
<base>
基址標簽，為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許，描述不包含在標准HTML里的文檔信息。使用詳解

<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表（CSS）信息
頁面屬性標簽 <body>……</body>標簽的擴展屬性。使用詳解

<body bgcolor=#……> 設置背景顏色，用名字或十六進制值
<body text=#……> 設置文本文字顏色，用名字或十六進制值
<body link=#……> 設置鏈接顏色，用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色，用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色，用名字或十六進制值
文本標簽　
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用，通常是斜體
<em>……</em> 加重（通常是斜體加黑體）
<strong>……</strong> 強調（通常是斜體加黑體）
<font size=value></font> 設置字體大小，從1到7
<font color=……></font> 設置字體的顏色，使用名字或十六進制值
鏈接　
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格式排版　
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前，並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前，並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽，也用於格式化表
圖形元素　
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像：左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小（高度）
<hr width=value> 設置水平線的寬度（百分比或絕對像素點）
<hr noshade> 創建一個沒有陰影的水平線
表格　
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭：一個通常使用黑體居中文字的格子

表格屬性　
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度－用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊（左中右）
<tr valign=……> 設置表格格子的垂直對齊（上中下）
<td colspan=value> 設置一個表格格子應跨占的列數（預設為1）
<td rowspan=value> 設置一個表格格子應跨占的行數（預設為1）
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗框　
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前，也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數，可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數，可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗框屬性　
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小，必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小，必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄，其值可以是"yes","no","auto"，預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表單對於功能性的表單，一般需要運行一個CGI小程序，HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單，size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域，列的數目設置寬度，行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框，文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框，文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域，size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit（提交）按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit（提交）按鈕
<input type="reset"> 創建一個reset（重置）按鈕
附加屬性　
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處，並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
　　
顏色
#=rrggbb 16 進制 RGB 數值，或者是下列預定義色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後，一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁，了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後，自動轉到new.htm。您可用它製作一個封面，在若干時間後，自動帶讀者來到您的目錄頁。如果URL項沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間，在本地硬碟上保存一個臨時文件。在重新調用時，便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下：
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系，HREF說明目標文檔名。關於層疊樣式表，將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法：<BASE HREF="原始地址">當讀者下載您的文檔後，由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性，用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK：當前激活的連接的文字顏色。
LINK：連接的文字顏色。
TEXT：文字的顏色。
VLINK：參觀過的文字顏色。
注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND：背景圖案，該圖案在頁面內平鋪。背景圖案應保持單一色調，以保證頁面文字易於閱讀。
BGPROPERTIES：設置成FIXED，則背景圖案不滾動。（只對INTERNET EXPLORER有效）
BGCOLOR：背景色。
注意：如果你的背景圖案是深色調，因之文字顏色為淡顏色，那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」，那麼在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。（只對INTERNET EXPLORER有效）
LEFTMARGIN：左邊頁邊空白。
TOPMARGIN：頂端頁邊空白。

導航:首頁 > 萬維百科 > 網頁設計列表項目符號代碼

網頁設計列表項目符號代碼

與網頁設計列表項目符號代碼相關的知識