一、html的一些基本描述
全稱:hyper text markup language
定義:超文字標記語言,是標記語言而不是程式語言,使用標記標籤來描述網頁,所以也被稱為網頁
格式:標籤對裡面放純文字,網頁顯示時對這些標記解釋,然後顯示文字
二、html的標籤
標題(heading)
通過、…來描述,類似於大標題,中標題,小標題,如(省略了頭和尾)
瀏覽器會自動在標題的前後新增乙個空行,不要為了產生粗體和大號的文字而用標題
2.段落(paragraph)
通過來描述,如
just for test
瀏覽器會自動在段落的前後新增乙個空行,可以通過
來換行,而不用重起乙個段落
3.鏈結
通過來描述,如
this is a link
target屬性,將其設定為_blank,那麼鏈結會在新視窗開啟
檢視 test
just for test
4.影象
通過來描述,如
替換文字屬性alt是在瀏覽器無法載入時顯示替換文字
屬性align是對的排布
ps:標籤對大小寫不敏感,標籤應該關閉,雖然瀏覽器會顯示出來。
5.**
先來乙個**例項,
跨三行row,cell
row,cell
row 1,cell 1
row 1,cell 2
row 1,cell 3
row 2,cell 1
row 2,cell 2
row 2,cell 3
**標籤是,行的標籤是,單元格的標籤是,標籤是將單元格中的文字作為標題(加粗,放大)
**可以設定很多屬性:border設定邊框的粗細(0就是沒有邊框),cellspacing是設定單元格之間的間隔,cellspadding是設定單元格內容和邊框之間的空白大小,bgcolor可以設定背景顏色(也可以給單元格設定),background可以設定背景(也可以給單元格設定),align可以設定單元格中內容的排布位置
**還可以用來設計一定的格式排版
6.列表
1) 無序列表----
列表項標籤,type有disc(圓形黑點)、circle(空心圓點)、square(矩形黑點)
2) 有序列表----
列表項標籤,type有1、a、a、i(羅馬數字大寫)、i(羅馬數字小寫)
3) 自定義列表----
列表項標籤,標籤是對的注釋,會縮排
7.表單
一般格式如下:
1) 文字域(text fields)
type欄位為text
2) 單選按鈕(radio buttons)
type欄位為radio,name值相同的項只能選擇乙個
3) 核取方塊(checkboxes)
type欄位為checkbox
4) 表單的動作屬性
type欄位為submit,增加form標籤的屬性action,action指向表達提交的目的檔案檔名
5) 下拉列表
其中option就是下拉選項,可以設定option的屬性selectde=」selected」將該option設定為預選項
6) 文字域
7) 按鈕
type欄位為button
8.框架
標籤作用是將乙個瀏覽器頁面拆分,顯示多個htm網頁
內聯框架是將網頁嵌到另乙個網頁中,即是在乙個網頁中顯示另乙個網頁
三、html的元素
開始標籤和結束標籤之間的內容稱為元素;空元素的結束標籤一般用這種形式
四、html的屬性
屬性是對元素的更多的描述,比如
其中的align屬性就是對h1的對齊方式進行描述,此處是居中
其中的bgcolor屬性就是對body的背景顏色進行描述
ps:屬性的value要放在引號裡面,單雙引號都可以
五、html的注釋
格式如下:
六、html的樣式
外部樣式表
利用css樣式表來改變(類似於渲染吧)網頁的外觀
2.內部樣式表
通過style標籤來改變樣式,其中還可以使用div標籤
3.內聯樣式
使用標籤的屬性,這裡的屬性包含css的所有屬性
七、html的頭部
新增html的標題,在瀏覽器的名稱處顯示,內容中不顯示
2.為瀏覽器新增預設的鏈結位址和預設的target
3.定義文件與外部資源的關係,常用於鏈結樣式表(css)
4.定義html在瀏覽器中的呈現的樣式
5.元資料,不會顯示出來,但是瀏覽器可以讀取這些資訊
6.其中的注釋是為了避免低版本的瀏覽器不支援指令碼語言,支援指令碼語言的瀏覽器會忽略注釋,此處的注釋必須換行
標籤是為了在瀏覽器不支援指令碼語言時顯示提示資訊
HTML基礎學習總結
html即超文字標記語言,簡單的說,就是一堆可以用來包圍文字的標記。通過這些標記來告訴瀏覽器文字的結構是怎樣的 哪些是標題,哪些是段落,哪些是引用等。有了這些資訊,瀏覽器會按照內建的預設規則顯示各自元素 對 於某些詞語或句子還可以通過元素新增鏈結,其中涉及到href屬性,有了屬性,就可以用各種資訊定...
HTML基礎總結
1.稱為根標籤,所有的網頁標籤都在中。2.標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有 等標籤,頭部標籤在下一小節中會有詳細介紹。3.在和標籤之間的內容是網頁的主要內容,如 等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中顯示出來。1.傾斜和加粗標籤是為了強調一段話中的關鍵字時使用,它...
HTML基礎總結
title charset utf 8 head body html p h 1 2 3 4 5 6 color 顏色 size 大小1 7 face 字型樣式 font span b strong i em src 路徑 width 寬度 height 高度 alt 載入錯誤時的提示資訊 type...