前端學習之-Html

Html css js 三者之間的關係：html就是在前端頁面上展現給用戶的效果；css就是把展現給用戶的頁面按照必定的規則給佈局起來；js就是把佈局好的頁面效果給動態起來。Html就是超文本標記語言，在頁面內能夠包含圖片、連接，甚至音樂、程序等非文字元素。html文檔樹結構圖：根元素：{head 元素（meta元素，title元素），body元素（div,p,span)}什麼是標籤：1，有一對尖角號包裹起來的單詞構成；2，標籤不區分大小寫，推薦使用小寫；3，標籤分爲2部分，開始標籤和結束標籤；4，自閉和標籤；5，標籤能夠嵌套，可是不能夠交叉嵌套。標籤的屬性：1，一般是以鍵值對形式出現的. 例如 name="alex"；2，屬性只能出如今開始標籤 或 自閉和標籤中；3，屬性名字所有小寫. *屬性值必須使用雙引號或單引號包裹 例如 name="alex"；4，若是屬性值和屬性名徹底同樣.直接寫屬性名便可. 例如 readonly。Head標籤：Body標籤：1:基本標籤：<hn>,<p>,<b>,<strong><strike>,<em>,<sup><sub><br>,<hr>,<div>,<span>-----------------------------------------------------------------2:圖形標籤<img>src: 要顯示圖片的路徑.alt: 圖片沒有加載成功時的提示.title: 鼠標懸浮時的提示信息.width: 圖片的寬height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放.)-------------------------------------------------------------------3:超連接標籤<a><a target=_blank href="www.baidu.com">百度<a/>--------------------------------------------------------------4:列表標籤<ul>    <li><li/>    <li><li/><ul/><ol>    <li><li/>    <li><li/><ol/><dl>  定義列表         <dt> 列表標題         <dd> 列表項------------------------------------------------------------------------5:<table>標籤border: 表格邊框.cellpadding: 內邊距cellspacing: 外邊距.width: 像素 百分比.（最好經過css來設置長寬）<tr>: table row         <th>: table head cell         <td>: table data cellrowspan:  單元格豎跨多少行colspan:  單元格橫跨多少列（即合併單元格）<th>: table header <tbody>(不經常使用): 爲表格進行分區.-------------------------------------------------------------------------6:<form>標籤1：表單用於向服務器傳輸數據。   表單可以包含：input元素，好比文本字段、複選框、單選框、提交按鈕等等，   表單還能夠包含textarea、select、fieldset和label元素。2：action: 表單提交到哪.通常指向服務器端一個程序, 程序接收到表單提交過來的數據        （即表單元素值）做相應處理，好比https: // www.sogou.com / web，                                     https://www.baidu.com/3：method: 表單的提交方式post / get默認取值4:<input>:type:text,password,radio,chexkbox,submit,button,file(enctype="multipart/form-data")5:<textarea>name:    表單提交項的鍵.cols:    文本域默認有多少列rows:    文本域默認有多少行6:<select>name:表單提交項的鍵.size：選項個數multiple：multiple<option> 下拉選中的每一項 屬性：value:表單提交項的值.   selected: selected下拉選默認被選中<optgroup>爲每一項加上分組7:<fieldest><fieldset>    <legend>登陸吧</legend>    <input type="text"></fieldset>8:<label><label for="www">姓名</label><input id="www" type="text">