html入門及文字和段落標籤的使用

**重點內容**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/>(單標記)
&nbsp:空格
<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)明確每個板塊是由什麼標籤做成的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章