HTML（hyper text markup language）:超文本標記語言 標記學習 1.標題標記：有六種標題<h1>-<h6> 2.列表：（無序列表；有序列表；定義列表）<ul>、<ol>、<dl> 3.段落<p> 4.預格式文本（按照源文件格式在瀏覽器中顯示）<pre> 5.分區塊文本<d ...
HTML（hyper text markup language）:超文本標記語言
標記學習
1.標題標記：有六種標題<h1>-<h6>
<body>
<h1>標題一</h1> <h2>標題二</h2> <h3>標題三</h3> <h4>標題四</h4> <h5>標題五</h5> <h6>標題六</h6>
</body>
2.列表：（無序列表；有序列表；定義列表）<ul>、<ol>、<dl>
1 <body> 2 <ul> 3 <li>無序列表1</li> 4 <li>無序列表2</li> 5 <li>無序列表3</li> 6 </ul> 7 <ol> 8 <li>有序列表1</li> 9 <li>有序列表2</li> 10 <li>有序列表3</li> 11 </ol> 12 <dl> 13 <dt>HTML</dt> 14 <dd>超文本標記語言</dd> 15 </dl> 16 </body>
3.段落<p>
1 <body> 2 <p>小說就由許多段落構成</p> 3 </body>
4.預格式文本（按照源文件格式在瀏覽器中顯示）<pre>
1 <body> 2 <pre> 3 今天的日期是： 4 2016年8月13日 5 </pre> 6 </body>
5.分區塊文本<div>
1 <body> 2 <div><p>把一段文字用一個區域來顯示</p></div> 3 </body>
6.跨越字元<span>
1 <body> 2 <!--"web"就用紅色字體顯示，其他的字體就保持原來的樣子--> 3 <p>學習<span color="red">web</span>前端</p> 4 </body>
7.超鏈接<a>
1 <body> 2 <a href="http://www.cnblogs.com">點擊我就進入博客首頁</a> 3 </body>
8.圖形<img>
1 <body> 2 <!--"src"選擇路徑--> 3 <img src="bologs.jpg" alt="博客圖片"></img> 4 </body>
9.表格<table>
1 <!--表示一個3*3的表格> 2 <body> 3 <table> 4 <tr> 5 <td>1</td> 6 <td>2</td> 7 <td>3</td> 8 </tr> 9 <tr> 10 <td>4</td> 11 <td>5</td> 12 <td>6</td> 13 </tr> 14 <tr> 15 <td>7</td> 16 <td>8</td> 17 <td>9</td> 18 </tr> 19</table> 20 </body>
表單學習
1 <form> 2 <label for="name">姓名</label> 3 <input type="text" placeholder="輸入用戶名" id="name"> </input> 4 <br/> 5 <label for="key">密碼</label> 6 <input type="password" id="key" maxlength="10"></input> 7 <form>
