網易雲web安全工程師第二天
第一
web頁面通常使用哪幾種語言開發
html ：超文字標記語言，它包含了網頁的實際內容
css ：樣式表，它可以對頁面的佈局，字型顏色，背景進行精確控制，並且它可以被多個頁面呼叫，具有重複利用性
js ： 為網頁新增動態功能
第二
HTML結構包含哪兩部分
head 和 body
<HTML> <HEAD> <TITLE> 網頁的標題 </TITLE> </HEAD> <BODY> /* 網頁的內容，很多標記都作用於此*/
比如：<p></p> {代表一個段落}
<h1></h1> {小標題} </BODY> </HTML>
第三
HTML的元素
註釋 <!-- 註釋資訊 -->
影象 <img src="
http://study.163.com/res/iages/logo4.png" <!--這個是新增網路屬性的url-->
width="500" height="100"/>
連結<a href=
"http://study.163.com/smartSpec/intro.htm">
（HTML的屬性）
所謂html屬性，指的就是各個標籤所具有的屬性 {有的是標籤屬性，有的是事件屬性，事件屬性就相當於一個動作，比如：登入QQ時彈出的框，就是事件屬性}
最為常見的屬性包括：id、class、name、style、type、value等
不同的標籤還有各自的專屬屬性，比如表格元素所專用的 colspan rowspan
html屬性是書寫於標籤當中的，如：
|
|
input是標籤名，而type、name、id都是這個標籤的屬性
當然，使用者還可以自定義屬性。
附加 {常用的標籤}
<HTML> 檔案宣告 讓瀏覽器知道這是 HTML 檔案 <HEAD> 開頭 提供檔案整體資訊 <TITLE> 標題 定義檔案標題，將顯示於瀏覽頂端 <BODY> 本文 設計檔案格式及內文所在 排版標記 <!--註解--> 說明標記 為檔案加上說明，但不被顯示 <P> 段落標記 為字、畫、表格等之間留一空白行 <BR> 換行標記 令字、畫、表格等顯示於下一行 <HR> 水平線 插入一條水平線 <CENTER> 居中 令字、畫、表格等顯示於中間 <PRE> 預設格式 令檔案按照原始碼的排列方式顯示 <DIV> 區隔標記 設定字、畫、表格等的擺放位置 <NOBR> 不折行 令文字不因太長而繞行 <WBR> 建議折行 預設折行部位 字型標記 <STRONG> 加重語氣 產生字型加粗 Bold 的效果 <B> 粗體標記 產生字型加粗的效果 <EM> 強調標記 字型出現斜體效果 <I> 斜體標記 字型出現斜體效果 <TT> 打字字型 Courier字型，字母寬度相同 <U> 加上底線 加上底線 <H1> 一級標題標記 變粗變大加寬，程度與級數反比 <H2> 二級標題標記 將字型變粗變大加寬 <H3> 三級標題標記 將字型變粗變大加寬 <H4> 四級標題標記 將字型變粗變大加寬 <H5> 五級標題標記 將字型變粗變大加寬 <H6> 六級標題標記 將字型變粗變大加寬 <FONT> 字形標記 設定字形、大小、顏色 <BASEFONT> 基準字形標記 設定所有字形、大小、顏色 <BIG> 字型加大 令字型稍為加大 <SMALL> 字型縮細 令字型稍為縮細 <STRIKE> 畫線刪除 為字型加一刪除線 <CODE> 程式碼 字型稍為加寬如<TT> <KBD> 鍵盤字 字型稍為加寬，單一空白 <SAMP> 範例 字型稍為加寬如<TT> <VAR> 變數 斜體效果 <CITE> 傳記引述 斜體效果 <BLOCKQUOTE> 引述文字區塊 縮排字型 <DFN> 述語定義 斜體效果 <ADDRESS> 地址標記 斜體效果 <SUB> 下標字 指數 <SUP> 下標字 下標字 清單標記 <OL> 順序清單 清單專案將以數字、字母順序排列 <UL> 無序清單 清單專案將以圓點排列 <LI> 清單專案 每一標記標示一項清單專案 <MENU> 選單清單 清單專案將以圓點排列，如<UL> <DIR> 目錄清單 清單專案將以圓點排列，如<UL> <DL> 定義清單 清單分兩層出現 <DT> 定義條目 標示該項定義的標題 <DD> 定義內容 標示定義內容 表格標記 <TABLE> 表格標記 設定該表格的各項引數 <CAPTION> 表格標題 做成一打通列以填入表格標題 <TR> 表格列 設定該表格的列 <TD> 表格欄 設定該表格的欄 <TH> 表格標頭 相等於<TD>，但其內之字型會變粗 表單標記 <FORM> 表單標記 決定單一表單的運作模式 <TEXTAREA> 文字區塊 提供文字方盒以輸入較大量文字 <INPUT> 輸入標記 決定輸入形式 <SELECT> 選擇標記 建立 pop-up 捲動清單 <OPTION> 選項 每一標記標示一個選項 圖形標記 <IMG> 圖形標記 用以插入圖形及設定圖形屬性 連線標記 <A> 連結標記 加入連結 <BASE> 基準標記 可將相對 URL 轉絕對及指定連結目標 框架標記 <FRAMESET> 框架設定 設定框架 <FRAME> 框窗設定 設定框窗 <IFRAME> 頁內框架 於網頁中間插入框架 <NOFRAMES> 不支援框架 設定當瀏覽器不支援框架時的提示 影視地圖 <MAP> 影像地圖名稱 設定影像地圖名稱 <AREA> 連結區域 設定各連結區域 多媒體 <BGSOUND> 背景聲音 於背景播放聲音或音樂 <EMBED> 多媒體 加入聲音、音樂或影像 其他標記 <MARQUEE> 走動文字 令文字左右走動 <BLINK> 閃爍文字 閃爍文字 <ISINDEX> 頁內尋找器 可輸入關鍵字尋找於該一頁 <META> 開頭定義 讓瀏覽器知道這是 HTML 檔案 <LINK> 關係定義 定義該檔案與其他 URL 的關係 StyleSheet <STYLE> 樣式表 控制網頁版面 <span> 自訂標記 獨立使用或與樣式表同用