HTML介紹以及基礎標籤、CSS
阿新 • • 發佈:2018-12-25
HTML
html基本結構
- html : 是不區分大小寫
- html是由開始,由結束,在這之間是分和兩部分
- 是給html頁面增加一些輔助或者屬性資訊,裡面的內容會最先載入。
- 標籤裡面存放的才是真正要顯示的資料
HTML語法
標籤
帶有特殊含義的網頁的標記元素
格式:<開始標籤> 標籤體 </結束標籤>
分類
帶標籤體的標籤 如: <p> XX </p>
不帶標籤體的標籤 如: <br/>
標籤應該成對出現
屬性
寫在開始標籤上的 名=“值”對代表該標籤的屬性 <font color=“red”></font>。 一個標籤可以有多個屬性,多個屬性之間使用空格隔開。 注意:屬性值最好使用單引號或者雙引號引起來。
註釋
<!--我是註釋-->
文字標籤
- 標題(h1~h6)
- 水平線(hr)
- 段落§
- 上下標(sup和sub)
- 換行(br)
- 原樣輸出(pre)
- 有序列表ol li
- 無序列表ul li
- 專案列表標籤(dl dt dd)
- 行內標籤(span)
- 塊標籤
HTML連結和影象
連結標籤
跳轉:<a href = "資源路徑" target="_blank">
郵件:<a href="mailto:email"></a>
定位:<a name=“#標記名”></a> 和 <a name="標記名" >
影象標籤:
<img src=”1.jpg” align=” middle” border=”3” alt=”圖片說明文字” username="#Map"/>
<map name=“Map” > 使用作為熱點圖的
<area shape="rect" coords="50,59,116,104" href="1.html" />
<area shape="circle" coords="118,203,40" href="2.html" />
</map>
tabel表格
- 標題標籤:<caption>,給表格提供標題。 - 表頭標籤:<th>,一般對錶格的第一行或者第一列進行格式化,就是粗體顯示。並不常用。 - 行標籤:<tr> - 單元格標籤:<td>,載入行標籤的裡面。可以簡單理解為,先有行,在行中在加入單元格。
HTML表單
表單
表單,在網頁中主要負責資料採集的功能,
比如你可以採集訪問者的名字和e-mail地址、調查表、留言簿等等。
組成
表單標籤: <form action=“” method=“” enctype=“”></form>
表單域 : <input type=“” name=“” />
表單按鈕: <input type="submit" name="..." value="...“/>
常見的表單域
文字欄位 <input type=“text” name=“” value=“”/>
密碼欄位、 隱藏欄位 type = "password"
單選按鈕 type=radio 單選按鈕必需要分組,分組的方法就是給標籤name屬性,name屬性的值必須一樣。
多選按鈕 type =checkbox,多選按鈕的name屬性必須一致。
檔案選擇框 type=“file”
下拉列表 <select ><option>
文字輸入域 <textarea> 根據cols定義它的列,rows定義文字框的行數
按鈕 type=“button”