一.html介紹
1.什麼是html
html是用來描述網頁的一種語言,hyper text markup language即超文字標記語言,html不是一種程式語言,而是一種標記語言,標記語言是一套標記標籤,html使用標記來描述網頁。
2.html的作用
web瀏覽器的作用是讀取html文件,並以網頁的形式顯示它們。瀏覽器不會直接顯示html標籤,而是通過解析標籤來解釋頁面的內容。簡單的說,html就是用於展示資訊的。
3.html書寫規範
1).html標籤
html標籤是遊尖括號包圍的關鍵字,比如,html標籤通常是成對出現的,比如,標籤中的第乙個標籤是開始標籤,第二個是結束標籤,絕大多數標籤都具有屬性,屬性值建議使用引號引起。此外,大多數標籤是可以巢狀的。
2).html建立
html檔案可以直接使用文字編輯器來建立,儲存時,字尾名為html或htm,整個檔案是在標籤之間,包括body>
3).空的html標籤
沒有內容的標籤被稱為空元素,空元素是在開始標籤中關閉的。以
為例,在開始標籤中新增斜槓,才是關閉空元素的正確方法,html,xhtml,xml都接受這種方式。
4)html的大小寫不敏感
html標籤對大小寫不敏感,但全球資訊網(w3c)在html5中推介使用小寫,建議使用小寫。
二.檔案標籤介紹
1.html標籤
整個檔案都處於標籤中。用以宣告這是html檔案,讓瀏覽器認出並正確處理此html檔案。在html檔案有兩部分和.
2.head標籤
標籤用以載入一些重要的資訊,它的內容不會被顯示,只有的內容才會被顯示。
3.title標籤
只能出現在中,它代表的是標題。
4.body標籤
標籤中的內容會被顯示。
常用的屬性:
text:用於設定文字顏色
background:用於設定背景顏色
bgcolor:用於設定背景顏色
5.關於html中顏色取值
顏色由紅色,綠色,藍色混合而成。
有三種取值方式:
rgb(0,0,0):值是在0-255之間
#000000 #454545
red green blue
三.排版標籤
1.注釋
在html中注釋是
2.p標籤
標籤是段落標籤,可以將html文件分割為若干段落,瀏覽器會自動在段落前後新增空格。
常用屬性:
align:用於設定對齊方式,可選值:left right center 預設值是left
3.br標籤
標籤是換行標籤,因為瀏覽器會自動忽略空白與換行,因此
標籤成為了我們最常用的標籤。
4.hr標籤
標籤會生成一條水平線
常用屬性:
align:設定水平線對齊方式
size:設定水平線厚度,以畫素為單位,預設為2.
width:設定水平線長度,可以使絕對值或相對值。預設為100%
color:設定水平線顏色,預設為黑色。
5.關於html中數值單位
html的數值預設單位為畫素(px),在有些位置可以使用百分比來設定。
四.塊標籤
1.div標籤
用於在文件中定義一塊區域
常用屬性:align
2.span標籤
用於在行內設定一塊區域
html中絕大多數與元素被定義為塊級元素或內聯元素。
塊級元素在瀏覽器中顯示時,通常會以新行開始,例如div,p等
內聯元素在瀏覽器顯示時,通常不以新行來開始,例如span
五.字型標籤
1.font標籤
用於規定文字的字型,大小,顏色
常用屬性:
face:規定文字的字型
size:規定文字的大小
color:規定文字的顏色
2.h1-h6
用於定義標題
最大,最小
六.列表標籤
1.ul
表示的是乙個無序列表。
常用屬性:
type:規定列表的專案符號型別,可取值disc,square,circle,預設值為disc.
2.li
表示的是乙個列表項
常用的屬性:
type:這個屬性只適用於無序列表,用於設定專案符號,預設值為disc.
value:這個屬性只適用於有序列表,用於設定列表的專案數字
3.ol
表示的是乙個有序列表
常用的屬性:
type:這個屬性規定列表中使用的標記型別,可取值 1 a a i i.
start:這個屬性規定列表的起始值。
六.標籤
img:用於在頁面中引入
常用屬性:
src:設定要引入的url
alt:設定影象的替代文字
width:設定影象的寬度
height:設定影象的高度
border:設定的邊框
align:設定的文字對齊方式
七.鏈結標籤
:用於定義超連結,從乙個頁面鏈結到另乙個頁面
常用屬性:
href:用於設定鏈結指向頁面的url
name:用於設定錨的名稱
target:用於設定在何處開啟鏈結的頁面(_self,_blank,_parent,_top)
八.**標籤
1.table
用於定義**
常用屬性:
align:對齊方式
bgcolor:設定**的背景顏色
border:設定**的邊框
width:規定**的寬度
2.tr
用於定義**的行,包含乙個或多個th或td元素
常用屬性:
align:行內的內容對齊方式
bgcolor:行內的背景顏色
3.td
用於定義**單元,文字一般顯示為正常字型且左對齊。
常用屬性:
align:單元格內容的對齊方式
bgcolor:單元格的背景顏色
height:單元格的高度
width:單元格的寬度
colspan:用於設定列合併
rowspan:用於設定行合併
4.caption
用於定義**標題,必須緊跟標籤之後,乙個**只能有乙個,通常會被居中於**之上。
5.th
用於定義**的表頭,內部的文字通常呈現為居中加粗文字。
html中有兩種型別的單元格:
表頭單元格:包含表頭資訊
標準單元格:包含資料
6.thead
用於定義**的頁首,組合html**的表頭內容,與,元素結合起來使用。內部必須有標籤
7.tbody
用於定義**的主體,組合html**的主體內容
8.tfoot
用於定義**的頁尾,組合html**的表注內容。
html知識點概要 三
一.其他標籤 1.meta標籤 元素可提供有關頁面的元資訊 meta information 比如針對搜尋引擎和更新頻度的描述和關鍵字,位於文件的頭部,不包含任何內容,其屬性定義了與文件相關聯的名稱 值對 常用屬性 content 定義與http equiv或name屬性相關的元資訊 http eq...
Python 知識點概要
一 字串 引號裡面的元素,線性結構 不可變 1 陣列 四個位元組 unicode 字元編碼 對照表 2 97 a 67 a 3 ord 查詢字元數字編碼 例 print ord 一 會輸出19986 4 gbk gb2312 utf 8 可變長度的unicode,字母數字標點符合 二進位制字串 文字...
html知識點(一)
文件的頭部好和主體內容 根標記 頭部標記 只能有一對 顯示在瀏覽器視窗的標題欄中 網頁名稱 位於 巢狀關係 父子 並列關係 兄弟姐妹 雙標記標記名 標記 等 單標記標記名 注釋 2.1 單標籤 注釋標籤 ctrl 換行標籤 水平線標籤 1.文字內容 特點 上下自動生成空白行。換行不會生成空白行。2....