從零開始的畢設--HTML(超文字標記語言)（1）
阿新 • • 發佈：2018-12-13
認識style元素
要增加樣式，需要在頁面中增加一個新的element這就是，<style>元素。
<style type="text/css">
body{
background-color:#d2b48c;
margin-left:20%;
margin-right:20%;
border :2px dotted black;
font-family:sans-serif;
}</style>
- 元素可以有屬性 通過屬性可以提供元素的附加資訊。比如說，style元素，其屬性允許你準確的指定什麼型別的樣式。以後還會看到更多屬性，你只要記住：
屬效能提供元素的一些額外資訊
- 為什麼必須指定樣式型別“text/css”作為style元素的屬性？還有其他型別樣式麼？ 以前HTML的設計者認為可能會有其他樣式，實際上沒有。所以事實表明，完全可以只使用style而不帶型別屬性。
- 為什麼CSS規則前面有一個"body"？ 因為CSS中的"body"表示“｛｝”中的所有內容都要應用於HTML<body>元素中的內容。
認識HTML中的HT（hypertext）
<a>
使用<a>元素建立一個超文字連結，連結到另一個web頁面。
<a>的相對路徑：
href="beverage/elixir.html"
href="../lounge.html"
其中../表示上行一個資料夾，../../表示上行兩個資料夾
再如，elixir.html到red.jpg的相對路徑為：
href="../images/red.jpg"
瞭解屬性
<style type="text/css">
<a href="irule.html">
<img src="sweetphoto.gif">
如果是<car>元素呢，如果它是存在的一個元素你可能想這樣寫：
<car> My Red Mini</ 不過這個car元素提供一個描述性的車名，它沒有告訴我們汽車的品牌、型號、是不是敞篷車，以及我們可能想知道的很多其他細節。所以如果car元素的確是一個存在的元素，則，我們可能這樣使用它：
<car make="Mini" modle="Cooper">My Red Mini</car>
- 我能為html元素造新屬性麼？ Web瀏覽器只認識每個元素的預定義屬性，如果你造了新屬性，瀏覽器不會知道如何處理。但現在HTML5已經支援定製資料屬性，允許你為新屬性構造定製的屬性名。
構建模組
1.<q> q:引用(quote)，網頁中一般會自動加入引號 2.<blockquote> 塊引用，網頁中會建立一個單獨的文字快。 3.<em> <strong> 表強調 4.<br> 表換行 5.列表<li> <li>：把每個列表項放在一個li中 <ol>或者<ul>:包圍列表項 如果使用<ol>(ordered list)包圍列表項：則這些列表將作為有序列表表示：（1/2/3/4） 否則是無序的。 6.<time> 表時間 7.<code> 表插入程式碼 8.<pre> 希望瀏覽器按照自己的輸入方式原樣顯示文字
- 關於塊元素和內聯元素： q就是內聯元素，blockquote就是塊元素。 要記住：塊元素特立獨行，內聯元素隨波逐流
- 無內容的元素（void元素）
<br>元素是一個沒有內容的元素。
除了br，還有img等等元素。
- 列表中能否嵌入列表？ 可以。
- 除了上述兩種列表，還有其他列表麼？ 事實上，還有定義列表：
<dl>
<dt>Burma Shave Signs</dt>
<dd>Road signs common....</dd>
<dt>...</dt>
<dd>...</dd>
</dl>
- 元素的巢狀關係是什麼？
- 特殊字元怎麼輸入？
如果你要在網頁上輸入
<html>是特殊字元這一段話，那麼你要輸入的是<html>是特殊字元可以在字元實體清單（www.w3schools.com/charts） 裡找到每個字元的表示方法。