今天分享下”前端基礎知識點總結“這篇文章,文中根據執行個體編碼詳細介紹,或許對大家的程式設計之路有着一定的參考空間與使用價值,需要的朋友接下來跟着雲南仟龍Mark一起學習一下吧。
指定網頁标題和元标記符:
<title></title> ?需放在<head>标簽内。
<meta>标記符作用:
定義網頁關鍵字。可将使用者重定向到另一頁。
可指定字元編碼。
例如:
重定向:
例如:<meta http-equiv="" content=" ; url=">
在<head>部分加入:<meta charset="utf-8">
隻換行,不開始新的段落,使用單标記符<br>
xhtml代碼: 單标記符要以一個空格和一個斜杠(/)結尾。
用标記符來格式化文本
标題标記符:<h1>到<h6> 定義标題(由大到小)
HTML5引入新标記符:<hgroup></hgroup> 有多個子标題,可用該标記符集合。
應用粗體和斜體格式:
粗體和斜體用<b></b>和<i></i>标記符表示。要格式化的内容包含在中間。
同時使用兩種格式:
嵌套: <b><i>内容</b></i>
如果用<b><i>開始,就要用</i></b>結束。
上标的标記符是<sup>; 下标的标記符是<sub>.
應用上标和下标格式:
上标格式使文字變小并把它提到基線以上。
上标用于數學公式中的指數格式。
下标格式使文字變小并把它放到基線以下。下标常用于化學公式。
使用固定寬度和預格式化文字:
固定寬度的标記符:
<kdb> 指定使用者應該從鍵盤輸入的内容。
<code> 用于程式代碼。
<samp> 用于顯示例子的文本。
<pre>标記符: 預格式化,用固定寬度顯示文字,保留浏覽器忽略的空格和換行符。
格式化分段引文: 設定引用。
<blockquote>标記符可以縮進文字和引文。
<blockquote>标記符有一個 cite="URL"屬性。
格式:<blockquote ?cite="URL">
<p>内容</p>
</blockquote> < http://www.qlyl1688.com/ >
<q>标記符,用于内聯引用格式化。用途:在所封裝的引用文字加引号。
編号清單:<ol>, 順序清單(ordered list)
項目符号清單: <ul> ?無序清單。(unordered list)
每一個數字或項目符号清單中的項目由<li>定義。清單項目(list item)。
用起始标記符<ol>或<ul>開始一個清單。
用<li></li>标記符來封裝清單中的每一項。
最後用結束标記符</ol>或</ul>來結束清單。
嵌套清單:
可以将一個清單嵌套在另一個清單中。
更改項目符号或數字元号
項目符号和編号清單可使用一個list-style-type:type屬性來設定其樣式。
基于樣式的屬性。
常用的list style Type屬性值
清單樣式 ? ? ? ? ? ?值 ? ? ? ? ? 結果
項目符号清單 ? ? disc ? ? ? ? ? ?實心圓
circle ? ? ? ? ?空心圓
square ? ? ? ? ?實心方塊
編号清單 ? ? ? ? ?decimal ? ? ? ? ? 1,2,3,4
decimal-leading-zero ? 01,02,03,04,
lower-roman ? ? ? ? ? ?i,ii,iii,iv
upper-roman ? ? ? ? ? ?I,II,III,IV
lower-alpha ? ? ? ? ? ?a,b,c,d
upper-alpha ? ? ? ? ? ?A,B,C,D
應用這個屬性時,将它放在起始标記符<ul>或<ol>中。
方法:<ul >
指定編号清單的起始數字:
可以使用<ol>标記符中的start="n"這個屬性,n代表起始數字。
隻更改一個單獨的清單項的數字:
可以用單個清單項标記符<li>的value="n" 屬性。
建立定義清單(definition list):
是展示詞彙及其定義的清單。
完整的清單是包含在<dl>和</dl>标記符中的。
定義詞彙包含在<dt>(definition term)标記符中。
定義文字包含在<dd>(definition description)标記符中。
格式:
<dl>
<dt>詞彙</dt>
<dd>内容</dd>
</dl>
插入特殊字元:
& ? ? ? &(和号)
< ? ? ? ?<(小于号)
?>(大于号)
? ? ? ?非換行空格
¢ ? ? ?分
£ ? ? 英鎊
¥ ? ? ? 元
? ? ? ?版權符号
? ? ? ? 注冊商标
° ? ? ? 度
? ? ?×××
? ? ? 商标
± ? ?加或減号
插入水準線
<hr> 單向辨別符。
可以把網頁中的文字分成不同的區域。
可已隻通過在<hr>标記符的屬性中直接設定外表樣式。
可以設定的屬性有顔色(color),背景顔色(background-color),寬度(width)和高度(height)。
HTML識别下列16種基本顔色:
Aqua(水綠色), Black(黑), Blue(藍), Fuchsia(紫紅色),
Gray(灰),Green(綠), Lime(石灰), Maroon(栗色),
Navy(海藍),Olive(橄榄綠), purple(紫), Red(紅)
Silver(銀), Teal(藍綠色), White(白), Yellow(黃)
選擇背景顔色和前景顔色:
背景顔色的應用:
是網頁背景顔色。
<body >
這三種背景顔色都是×××,選一種即可。
前景顔色的應用:
是網頁字型顔色。用屬性 來設定。
同時設定背景顔色和前景顔色:
指定顔色:
第1種方式: 使用RGB(紅-綠-藍)值。用一系列0到255的數字來描述顔色。
第2種方式: 使用十六進制數字。十六進制數字也代表RGB值。
第3種方式:表示顔色的方法是使用擴充名稱。
為整個網頁指定背景顔色,在起始标記符<body>中插入屬性。
屬性值可以使用顔色名稱(yellow),RGB值或十六進制數值。
用屬性來設定前景顔色。
指定背景圖檔檔案:
在起始标記符<body>中使用屬性。
要想将背景圖檔,背景顔色和前景顔色放入同一個屬性中,使用:
強制指定圖檔的重複性:
<body>中的background-repeat=屬性,并指定repeat-x(在水準方向重複),repeat-y(在垂直方向重複),
或no-repeat(不重複)。
強制圖檔固定不動:
在<body>标記符中加上background-attachment=fixed屬性。
建立超文本連結和錨:
超文本連結文法:
<a>标記符開始,用href=屬性來規定URL或目标路徑。結束标記符是</a>
使用部分路徑和檔案名:
伺服器會顯示預設頁。預設頁名字:index和default.
使用相對路徑和絕對路徑:
絕對路徑:帶有完整網頁位址的路徑。
設定目标視窗:
要讓超文本連結在一個新的視窗中打開網頁,在<a>标記符中加target="_blank"屬性。
<a href="">yuan shi shuai</a>
超文本連結到一個e-mail位址:
<a href="">e-mail</a>
要想給email再加上預設設定文章标題,在email詳細位址後邊再加上一個subject=屬性。
另一個選擇項title=,是用于設定超文本連接配接的螢幕提示。
建立并超文本連接配接到錨:
可以用錨的名稱來定義文本文檔中的指定部位,随後可以直接根據超文本連接配接到這一錨。
定義一個錨,在總體目标文本的周邊建立一個辨別符而且添加name=屬性。
要偏向錨所屬的部位,在href=屬性中添加它的名稱,在錨名稱前再加上一個#号。
假如錨和超文本連接配接沒有同一文檔内,務必再加上錨所屬文檔的名稱。
假如文本文檔并不是在同一檔案夾名稱下,務必用相對路徑或絕對路徑來引入。