**重點內容**2018.7.17
1.下載sublime text3
直接從官網下載不需要配置環境而且簡單,sublime、word、text都能編寫html只要保存爲.html格式就行。用word會出現亂碼,用sublime和text文檔寫不會出現亂碼現象。
Sublime可以編譯多種語言程序,具體如何實現還沒有具體操作過,據網上說有各種包方便調用。
2.hello world 網頁
<html>
<head>
<title>hello</title>
</head>
<body bgcolor="blue">
<p>hello html!</p>
<hr/> <--這樣可以添加註釋-->
</body>
</html>
<標籤名 屬性1=”屬性值1” 屬性2=”屬性值2”…..>
2018.7.19
1.聲明文檔類型<!DOCTYPE html>
2.網頁編碼設置
用以下代碼可以解決網頁中中文亂碼的問題
<meta http-equiv=”Content-Type”content=”text/html;charset=utf-8”/>
我用sublime和text編程時並沒有遇到中文亂碼的情況,用word時都亂碼用此方法也沒有解決。
3.文字和段落標籤
標題標籤:<h1></h1>~<h6></6>
段落標籤:<p></p>
Align對齊屬性值
值 描述
left 左對齊
right 右對齊
center 居中對齊
justify 對行進行伸展,每行都有相同的長度
使用:<p align=”left”> 文本內容 </p>
換行標籤:<br/>(單標記)
 :空格
<pre></pre>
:瀏覽器顯示的內容格式與標籤中的格式一致。
水平線:<hr/>(單標記)
hr屬性值
值 描述
width 設置水平線寬度
color 設置水平線顏色
align 設置水平線對齊方式
noshade 設置水平線無陰影
使用:<hr width=”80%”/>
文字斜體:<i></i> <em></em>
加 粗:<b></b> <strong></strong>
下 標:<sub>
上 標:<sup>
下劃線 :<ins>
刪 除:<del>
特殊符號對應代碼:(見附錄)
二.列表標籤
1、無序列表標籤
<ul>
<li>列表項</li>
<li>列表項</li>
.......
</ul>
Type屬性值:
Disc圓點 square正方形 circle空心圓
使用:<ul type=”disc”>
2、有序列表標籤
<ol>
<li>列表項</li>
<li>列表項</li>
.......
</ol>
Type屬性值:
1 A a i小寫羅馬數字i I大寫羅馬數字I
使用:<ol type=”1”>
3、定義列表標籤
例如:
什麼是html?
Html是一種語言能夠在瀏覽器上執行,是近幾年流行起來的。
在瀏覽器上類似於這樣的定義,就需要用定義標籤去規定其格式。
用法:
<dl>
<dt>定義列表項</dt>
<dd>列表項描述</dd>
......
</dl>
注意:一個<dt>下可以有多個<dd>,必須在<dl>中使用。
4.查看網頁源代碼
(1)點擊查看網頁源代碼
(2)快捷鍵F12可以調用工具查看每個板塊的代碼
(3)明確每個板塊是由什麼標籤做成的。