HTML學習筆記

HTML學習筆記

1、編輯器選擇:   Notepad++  https://notepad-plus-plus.org/  

                          Sublime Text http://www.sublimetext.com/

                               HBuilder  http://www.dcloud.io/

推薦使用HBuilderwindowmac都有版本,而且好用,免費


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" />


3CSS

  • 內聯樣式- HTML元素中使用"style" 屬性
  • 內部樣式表 -HTML文檔頭部 <head> 區域使用<style> 元素 來包含CSS
  • 外部引用 - 使用外部 CSS 文件
       <p style="color:blue;margin-left:20px;">This is a paragraph.</p>


4表格、列表

表格由 <table> 標籤來定義。每個表格均有若干行(由 <tr> 標籤定義),每行被分割爲若干單元格(由 <td> 標籤定義,表格的表頭使用 <th> 標籤進行定義

<table border="1">
    <tr>
        <th>Header 1</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
    </tr>
</table>


無序列表: <ul>

<ul>
<li>項目</li>
<li>項目</li>
</ul>

有序列表:  <ol>

<ol>
<li>第一項</li>
<li>第二項</li>
</ol>

列表內標籤:<li>


5HTML佈局:常見的爲 <div>佈局和表格佈局


6HTML表單:

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio buttons)、複選框(checkboxes)等等。

表單使用表單標籤 <form> 來設置

<form>
input 元素
<form>


7、框架

iframe語法:

<iframe src=“URL"></iframe>
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

 

8、實體

&lt; 等同於 <
&gt; 等同於 >
&#169; 等同於 ©

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章