天天看點

前端基礎知識點總結

   今天分享下”前端基礎知識點總結“這篇文章,文中根據執行個體編碼詳細介紹,或許對大家的程式設計之路有着一定的參考空間與使用價值,需要的朋友接下來跟着雲南仟龍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=屬性中添加它的名稱,在錨名稱前再加上一個#号。

 假如錨和超文本連接配接沒有同一文檔内,務必再加上錨所屬文檔的名稱。

 假如文本文檔并不是在同一檔案夾名稱下,務必用相對路徑或絕對路徑來引入。

繼續閱讀