2023年5月24日 HTML 基礎知識(二)

2021-09-27 00:18:23 字數 3710 閱讀 7467

1 快捷方式:html:xt tab   過渡xhtml

html:xs tab  嚴格xhtml

! tab  html5的標籤結構

2.charset   編碼

gbk 包含全部中文字元  繁體

gb2312 簡單中文

big5  正體中文

utf-8   通用字符集 包含全世界所有國家需要用到的字元

meta 的屬性有兩種:name和http- equiv

其中的屬性說明如下:

設定為all:檔案將被檢索,且頁面上的鏈結可以被查詢;

設定為none:檔案將不被檢索,且頁面上的鏈結不可以被查詢;

設定為index:檔案將被檢索;

設定為follow:頁面上的鏈結可以被查詢;

設定為noindex:檔案將不被檢索,但頁面上的鏈結可以被查詢;

設定為nofollow:檔案將不被檢索,頁面上的鏈結可以被查詢

2.1.2網頁重定向

2.2 、link標籤:

1:  引用外部css

2:   引用title  (icon)     例如:

鏈結外部樣式表

設定icon圖示**

行 列

**的屬性:填充屬性和間距屬性

**中的屬性

3.1**的標準結構

在使用**進行布局時,可以將**劃分為頭部、主體和頁尾

:用於定義**的頭部,必須位於標記中,一般包含網頁的logo和導航等頭部資訊。

:用於定義**的主體,位於標記中標記之後,一般包含網頁中除頭部和底部之外的其他內容。

:用於定義**的頁尾,位於標記中標記之後,一般包含網頁底部的企業資訊等。

3.3 表頭和單元格合併

元素定義**標題,caption 標籤必須緊隨 table 標籤之後。您只能對每個**定義乙個標題。通常這個標題會被居中於**之上。

3.4**標題、邊框顏色、內容垂直對齊

◆**標題 

用法和td

一樣 

標題的文字自動加粗水平居中對齊

◆邊框顏色  bordercolor =「 」

◆內容垂直對齊方式  賬上

valign=」top   |  middle   |  bottom」

ps:**細線  table 背景色    td  背景白色

表單的作用是收集資訊

表單的組成

◆提示資訊

乙個表單中通常還需要包含一些說明性的文字,提示使用者進行填寫和操作,如使用者名稱、密碼等

◆表單控制項

包含了具體的表單功能項,如單行文字輸入框、密碼輸入框、核取方塊、提交按鈕、重置按鈕等。

◆表單域

他相當於乙個容器,用來容納所有的表單控制項和提示資訊,可以通過他定義處理表單資料所用程式的url位址,以及資料提交到伺服器的方法。如果不定義表單域,表單中的資料就無法傳送到後台伺服器。

屬性:action:處理資訊

method=」get | post」   

get通過位址列提供(傳輸)資訊,安全性差。

post 通過

1.php

來處理資訊,安全性高。

◆input 控制項

使用者名稱:

標記為單標記,type屬性為其最基本的屬性,其取值有多種,用於指定不同的控制項型別。除了type屬性之外,標記還可以定義很多其他的屬性,其常用屬性如下表所示

◆下拉列表

下拉列表選項

下拉列表選項……

在html中,可以為和標記定義屬性,以改變下拉列表的外觀顯示效果,具體如下表所示

對下拉列表進行分組。 

label=」」  分組名稱。

多選框:

checked=」checked」 設定預設選中項

◆ textarea控制項

如果需要輸入大量的資訊,就需要用到標記。通過textarea控制項可以輕鬆地建立多行文字輸入框

cols:控制輸入字元的長度,相當於寬度rows:控制輸入的行數,相當於高度

◆表單資訊分組

對表單資訊分組

表單資訊分組名稱

html5補充表單控制項

-標籤語義化概念:根據內容的結構化(內容語義化),選擇合適的標籤(**語義化)

-標籤語義化意義:    1:網頁結構合理          

2:有利於seo:和搜尋引擎建立良好溝通,有了良好的結構和語義你的網頁內容自然容易被搜尋引擎抓取;          

3:方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置)          

4:便於團隊開發和維護

標籤語義化(注意事項)

1:盡可能少的使用無語義的標籤div和span;

2:在語義不明顯時,既可以使用div或者p時,盡量用p, 因為p在預設情況下有上下間距,對相容特殊終端有利;

3:不要使用純樣式標籤,如:b、font、u等,改用css設定。

4:需要強調的文字,可以包含在strong或者em標籤中strong預設樣式是加粗(不要用b),em是斜體(不用i);

2023年5月24日 2023年5月24日

2010年5月24日那天晚上,我下班回家,吃完飯,雖然我不記得是自己做的飯還是買回來吃的.我捧起了 第五版 開始了我的程式生涯.在那之前是我研究了6個月還是8個月開了我的傳奇私服,十分對戰 接著是2個月的運營後花光了所有積蓄,聽起來挺嚇人,其實就5000塊而已.在這之前,是我剛開始參加工作,就感覺自...

2023年5月24日 2023年5月24日

今天是第六年.我可能要感謝那天的自己吧,窗外是熙攘的歡聲笑語,我吃完了晚飯趁著太遠還沒下山,捧著我那本 去年到今年這一年,先是度過了找工作的困擾.之後憤然離開布斯來到了北京.當時加入一家不是做遊戲的公司,我是很抗拒的.畢竟是工作後第一次離開遊戲圈,加入家具圈.當時的考慮就是一是投了那麼多簡歷,那個於...

2023年5月22日 HTML基礎知識(一)

文件的頭部好和主體內容 根標記 頭部標記 只能有一對 顯示在瀏覽器視窗的標題欄中 網頁名稱 位於 巢狀關係 父子 並列關係 兄弟姐妹 雙標記標記名 標記 等 單標記標記名 注釋 2.1 單標籤 注釋標籤 ctrl 換行標籤 水平線標籤 1.文字內容 特點 上下自動生成空白行。換行不會生成空白行。2....