- 認識基本的標簽,<head>頭 </head>,<body> 體 </body> ,<p> 段落</p>, <div> 標簽塊</div> ,<strong> 加粗加重</strong> , <em> 傾斜 </em>,
<span>換行 </span> 特殊情況如下:
<span> 標簽不換行默認只針對英文有效 如果想對中文設置有效加入下面屬性 style="white-space:nowrap;"
例如：
<span style="white-space:nowrap;">你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你</span>
<span >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
時間: 2016-06-22
- 基本格式 : 前綴頭什么的 ,可寫可不寫 ,一般要寫 , 規范起見.
<title> 這是標題啊</title>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> p標簽</title>
</head>
<body>
<p>一.不能怎么樣</p>
<p>二.應該怎么樣 </p>
<p>三.還能怎么樣</p>
<p>四.就是這樣,very nice! </p>
</body>
</html>
- 設置樣式,<span>標簽是沒有語義的，它的作用就是為了設置單獨的樣式用的。
4.在html代碼中輸入空格、回車都是沒有作用的。要想輸入空格，必須寫入?
標簽，添加水平橫線
- 一般網頁中會有一些網站的聯系地址信息需要在網頁中展示出來，這些聯系地址信息如公司的地址就可以<address>標簽。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。
語法：
<address>聯系地址信息</address>
默認是傾斜的樣式,可以根據<address></address>這個標簽修改樣式
7.加入代碼 : <code> </code>
多行代碼語法：
<pre>語言代碼段</pre>
<pre> 標簽的主要作用:預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。
- 無序列表
這些列表就可以使用ul-li標簽來完成。ul-li是沒有前后順序的信息列表。
語法：
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
舉例：
<ul>
<li>精彩少年</li>
<li>美麗突然出現</li>
<li>觸動心靈的旋律</li>
</ul>
ul-li在網頁中顯示的默認樣式一般為：每項li前都自帶一個圓點，如下圖所示：
9 . 有序列表
語法：
<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
舉例：
下面是一個熱點課程下載排行榜：
<ol>
<li>前端開發面試心法 </li>
<li>零基礎學習html</li>
<li>JavaScript全攻略</li>
</ol>
<ol>在網頁中顯示的默認樣式一般為：每項<li>前都自帶一個序號，序號默認從1開始
10 . 在網頁制作過程過中，可以把一些獨立的邏輯部分劃分出來，放在一個<div>標簽中，這個<div>標簽的作用就相當于一個容器。
語法：
<div>…</div>
- 表格的摘要和標題:
摘要
摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。
語法：<table summary="表格簡介文本">
標題
用以描述表格內容，標題的顯示位置：表格上方。
語法：
<table>
<caption>標題文本</caption>
<tr>
- 加入鏈接標簽:\
使用<a>標簽可實現超鏈接，它在網頁制作中可以說是無處不在，只要有鏈接的地方，就會有這個標簽。
語法：
<a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>
例如：
<a title="點擊進入慕課網">click here!</a>
在新窗口中打開網頁
<a>標簽在默認情況下，鏈接的網頁是在當前瀏覽器窗口中打開，有時我們需要在新的瀏覽器窗口中打開。
如下代碼：
<a href="目標網址" target="_blank">click here!</a>
