HTML學習筆記
1、編輯器選擇: Notepad++: https://notepad-plus-plus.org/
Sublime Text: http://www.sublimetext.com/
HBuilder: http://www.dcloud.io/
推薦使用HBuilder,window和mac都有版本,而且好用,免費
2、標題:HTML 標題(Heading)是通過<h1> - <h6> 標籤來定義的
段落:HTML 段落是通過標籤 <p> 來定義的
鏈接:HTML 鏈接是通過標籤 <a> 來定義的.
<a href=“http://www.runoob.com”>這是一個鏈接</a>
圖像:HTML 圖像是通過標籤 <img> 來定義的.
<img src="/images/logo.png" width="258" height="39" />
3、CSS
- 內聯樣式- 在HTML元素中使用"style" 屬性
- 內部樣式表 -在HTML文檔頭部 <head> 區域使用<style> 元素 來包含CSS
- 外部引用 - 使用外部 CSS 文件
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
4、表格、列表
表格由 <table> 標籤來定義。每個表格均有若干行(由 <tr> 標籤定義),每行被分割爲若干單元格(由 <td> 標籤定義,表格的表頭使用 <th> 標籤進行定義
無序列表: <ul>
有序列表: <ol>
列表內標籤:<li>
5、HTML佈局:常見的爲 <div>佈局和表格佈局
6、HTML表單:
表單是一個包含表單元素的區域。
表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio buttons)、複選框(checkboxes)等等。
表單使用表單標籤 <form> 來設置
7、框架
iframe語法:
<iframe src=“URL"></iframe>
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
8、實體