摘要：概念前端最核心的技術結構骨架樣式效果用戶行為做的事情超文本標記語言超文本文本文件瀏覽器可以直接打開如果具有中文，可能出現亂碼問題標記語法結構標簽名注意瀏覽器解析標記規(guī)定的標記內容注意是不嚴格的語言允許不用編寫所有內容標簽名
HTML
概念
前端最核心的技術 HTML + CSS + javascript
HTML - 結構 - 骨架
CSS - 樣式 - 效果
JAVASCRIPT - (用戶)行為 - 做的事情
超文本標記語言
超文本
文本(txt文件) - 瀏覽器可以直接打開
如果具有中文，可能出現亂碼問題
標記
語法結構 - <標簽名>
注意 - 瀏覽器解析標記（規(guī)定的標記內容）
注意
HTML是不嚴格的語言
允許不用編寫所有內容
標簽名沒有明確的規(guī)定(大小寫)
建議標簽名使用小寫
XHTML
解釋為嚴格意義的HTML
HTML結構
- 聲明:當前頁面使用的是哪個HTML版本
- 根標簽:有且僅有一個
- 用于設置當前頁面的信息
- 設置當前頁面的編碼
Title - 當前頁面的標題
- 用于顯示在瀏覽器中
|
|
|
| <![CDATA[<xmp id="pme99"></xmp>]]>
<![CDATA[<sub id="pme99"></sub>]]><![CDATA[<style id="pme99"></style>]]>
<![CDATA[<wbr id="pme99"><cite id="pme99"></cite></wbr>]]> |
聲明
注意 - 必須在HTML文檔的 0 行 0 列
記住 - HTML5的聲明
作用 - 告訴瀏覽器當前HTML頁面使用的版本
不同的HTML版本支持不同的標記(標簽)內容
根標簽
除聲明以外，所有內容全部被包含在根標簽中
注意 - 有且僅有一個
標記（標簽）
起始標簽 - 有開始，有結束
開始標簽 - <標簽名>
結束標簽 -
空標簽 - 只有開始標簽
- 換行標簽
注意 - 建議使用小寫
元素
第一個作用 - 設置當前HTML頁面的編碼格式
第二個作用 - 設置當前HTML頁面的關鍵字
第三個作用 - 設置當前HTML頁面的描述(很少)
第四個作用 - 設置當前HTML頁面的作者
HTML屬性
出現在標簽中的開始標簽中，而不是結束標簽
格式
屬性名=屬性值
屬性值 - 必須使用雙引號包裹
HTML頁面被搜索引擎抓取
元素 - 頁面的標題</p></p>
<p><p><meta name="keywords">元素 - 頁面的關鍵字</p></p>
<p><p><h1>元素 - 標題</p></p>
</p>
<p>
<p>分類</p>
<p><p>私有屬性 - 當前標簽獨有的屬性</p></p>
<p><p>標準屬性 - 幾乎所有標簽都有的屬性</p></p>
<p><p>事件屬性 - 標準事件(了解)</p></p>
</p>
</p>
<p>
<p>HTML標題</p>
<p><p><h1> ~ <h6> - 從最大到最小</p></p>
<p><p>并不關心標題顯示的效果 - 可以通過 CSS 完成</p></p>
<p>
<p>關心標題的 語義化</p>
<p><p>語義化 - 當前標簽的含義</p></p>
</p>
</p>
<p>
<p>HTML列表</p>
<p>
<p>有序列表</p>
<pre> <ol>
<li></li>
</ol></pre>
<p><p>默認情況下 - 1,2,3,4,5...</p></p>
</p>
<p>
<p>無序列表</p>
<pre> <ul>
<li></li>
</ul></pre>
<p><p>默認情況下 - 黑點</p></p>
</p>
<p>
<p>定義列表</p>
<pre> <dl>
<dt>列表名稱</dt>
<dd>列表項</dd>
</dl></pre>
</p>
</p>
<p>
<p>HTML鏈接</p>
<pre> <a href="地址"></a></pre>
</p>
<p>
<p>鏈接元素<b><a></b></p>
<p>
<p>作用</p>
<p><p>用于從當前頁面跳轉到另一個(指定)頁面</p></p>
<p>
<p>實現錨點效果</p>
<p><p>實現回到頂部效果</p></p>
</p>
<p><p>實現發(fā)送郵件功能(了解)<br>href="mailto:郵件地址"</p></p>
</p>
<p>
<p>路徑(地址)</p>
<p><p>絕對路徑 - 查找的開始位置是固定</p></p>
<p>
<p>相對路徑 - 查找的開始位置是變化</p>
<p><p>在實際開發(fā)中，使用更多</p></p>
</p>
<p>
<p>完整的地址</p>
<p>
<p>http:// localhost : 8080 /day02 #name<br>網絡協議 IP地址 端口號 相對路徑 錨點</p>
<p><p>localhost - 等價于 127.0.0.1 - 表示本機</p></p>
<p><p>網絡訪問 - 通過互聯網<br>http://192.168.10.165:63342/D...</p></p>
</p>
<p>
<p>file:///C:/0507/DAY02/CODE/00.html</p>
<pre> C: 