02 認識前端

2021-08-19 23:47:07 字數 2655 閱讀 9664

因為html分為嚴格型和過渡性。

!+tab  html5的標籤結構

charset   編碼 : 為了跟計算機進行交流

早期編碼ascii(american standard code for information interchange)

ansi

(擴充套件的ascii碼)  

unicode(不識別中文)

gbk   gb2312(識別中文)  big5(識別繁體文字)

utf-8(識別200多個國家的文字,通用編碼)

2.1關鍵字

2.2網頁描述

2.3網頁重定向(網頁的跳轉至指定**)

3秒後,會跳轉至www.baidu.com

2.4鏈結外部樣式檔案

3.1展示資料。

//列

阿三44廚師

高階廚師

翠花20學生

大三

3.2**的標準結構(針對seo)

3.3**的合併

colspan="合併列單元格數"  col=column列

rowspan="合併行單元格數"  row行

表頭

表頭 啊呀 哈哈

dddd

>

張三tom

啊呀uuu

3.4**字型加粗,邊框,垂直對齊

bordercolor="邊框顏色"; valign="top middle bottom 內容垂直對齊";字型加粗感覺跟一樣

張三20大前端

張三20

大前端張三

20大前端

3.5細線**

方法:設定**背景顏色bgcolor,即線的顏色;然後使每乙個單元格為白色,使用標籤cellspacing="線的寬度"。

ee

1134

654

3.6實現乙個課程表

課程表

星期一星期二星期三

星期四星期五

上午1語文

生物英語

化學物理

2體育英文

體育自然

書法 下午3游泳

春遊書法

計算機計算機

4美術體育

看電影演講美術

作用:收集資訊。例如:暱稱,密碼,確認密碼等。

4.1 表單控制項、表單域、密碼輸入框、單選效果

屬性:action:處理資訊;method=「get or post」get是通過位址列提交資訊,不安全。post是通過1.php來處理資訊,安全性高。文字框輸入:maxlength="6" 限制輸入字元長度;readonly=「readonly」唯讀狀態,無法輸入;disabled=「disabled」未啟用狀態;name="usename" 輸入框的名稱;value="大前端" 將輸入框的內容傳給處理檔案

單選框只有將name的值設定相同的時候,才能實現單選效果

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

4.2下拉列表

對下拉列表進行分組

label="" 分組名稱

4.3多行文字框4.4檔案上傳控制項、提交按鈕、普通按鈕、按鈕、、

無提交功能,配好js使用

4.5表單資訊分組

所分組內包含的內容   對表單資訊分組

分組名稱   表單資訊分組名稱

表單分組資訊

使用者名稱:密 碼:男

女檔案提交按鈕

省(市):

河北山東

大連北京

上海新疆

河北大連

山東河南

廣東    市(區):

昌平區海淀區

朝陽區大興區

畫畫睡覺

學習ml

5.html新功能

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

--標籤語義化意義:1.網頁結構合理;2.有利於seo和搜尋引擎建立良好溝通,有了良好的結構和語義,網頁內容自然容易被搜尋引擎抓取;3.方便其他裝置解析(如螢幕閱讀器、盲人閱讀器、移動裝置等)4.便於團隊開發和維護

好的語義化的**標準是去掉樣式表檔案之後,結構依然很清晰。

注意事項:1.盡可能少的使用無語義的標籤div和span;2.在語義不明顯時,既可以使用div或p時,盡量用p,因為p在預設情況下有上下間距,對相容特殊終端有利;3.不要使用純樣式標籤,如:b、font、u等,改用css設定。4.需要強調文字時,可以包含在strong或em標籤中,strong預設樣式是加粗(不要用b),em是斜體(bu用i)

前端H5C3基礎02 認識HTML02

設定網頁圖示 注意事項 1.圖示格式最好是.ico 也可以是其他的格式 png,jpg 2.設定網頁圖示使用的link標籤必須放到head標籤中 3.網頁圖示一般直接放到專案的根目下 設定網頁圖示方式 無序列表 unordered list 總結 1.ul列表必須直接包含的標籤是li 2.在li標籤...

前端學習 02

1 什麼是 html?html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁...

前端學習 認識HTML

由於本人也是初學html,以下都為本人學習過程中分點整理的知識點,希望共同進步,不足之處望指出批正。1.什麼是html 2.html的作用 注意點 3.html固定格式 如圖,html的固定格式如上。下面我一一解釋每行 的意思 由於html有很多版本的規範,每個版本的規範之間又有一定的差異,為了讓瀏...