標籤：html 作者 效果 字型大小 value 之間 sub 設定字型 標記
一：HTML
是Internet上用於設計網頁的主要語言。網頁包括動畫，多媒體，形等各種複雜的元素，其基礎架構都是HTML。
標記文法：
HTML用於描述功能的符號稱為“標記”。
1.所有標記都要用角括弧（<>）括起來，這樣，瀏覽器就可以知道，角括弧內的標記是HTML命令；
2.對於成對出現的標記，最好同時輸入起始標記和結束標記；
3.採用標記嵌套的方式可以為同一個資訊應用多個標記；
4.在代碼中，不區分大小寫；
5.任何空格或斷行符號在代碼中都無效，插入空格或斷行符號有專用的標記，分別是 、<br>；
6.標記中不要有空格，否則瀏覽器無法識別；
HTML檔案的整體結構：
檔案頭部內容：
一個完整的HTML檔案包括頭部檔案和主體檔案。頭部標記：<head></head>,主體標記<body></body>。頁面標題標記<tilte></title>位於頭部標記<head></head>之間。
設定基底網址<base>:基底網址用於設定瀏覽器中檔案的路徑，<base>標記一般用於設計檔案URL地址。一個HTML檔案只能有一個<base>標記，同時該標記必須放於頭部檔案中。
基本文法：
<html>
<head>
<base href="檔案路徑" target="目標視窗">
</head>
<body>
</body>
</html>
herf用於設定網頁檔案連結的地址，target用於設定頁面顯示的目標視窗。
設定基準文字<basefont>：
基準文字：指製作網頁前，先進行網頁文字的基本定義，包括字型；字型大小、顏色以及其他關於字型的定義，當網頁中的文字沒有另外定義樣式時，就會自動套用網頁定義的基準字型。
基本文法：
<html>
<head>
<basefont face="" size="" color="">
</head>
<body>
</body>
</html>
face屬性用於設定字型的名稱，可以是宋體、隸體、楷體等； size屬性用於設定字型大小的大小；
color用於設定字型的顏色。
定義元資訊<meta>:
<meta>標記主要功能是定義頁面的一些資訊。
<meta>標記通過一些屬性來定義檔案的資訊，例如，檔案的關鍵字、作者資訊、網頁到期時間等，HTML檔案的頭部檔案可以有多個<meta>標記，<meta>標記不是成對的標記。
基本文法：<meta http-equiv="" name="" content="">
注意：http-equiv屬性用於設定一個http的標題域，但確定值由content屬性決定，name屬性用於設定元資訊出現的形式，content屬性用於設定元資訊出現的內容。
設定頁面關鍵字——keywords:
網頁中的關鍵字主要是為搜尋引擎服務的，有時為了提高網站被搜尋引擎搜到的機率，需要設定多個跟網站主體相關的關鍵字。 基本文法：
<meta name="keywords" content="value">
value用於說明為該網頁定義的關鍵字，可以是多個關鍵字。
設定頁面到期時間——espires
設定頁面到期時間或者跳轉，這就需要設定網頁元資訊的http-equiv屬性和content屬性來設定網頁的到期時間。
基本文法：<meta http-equiv="expires" content="value">
expires用於設計頁面到期時間，content屬性設定具體到期時間。
主體內容<body>:
1.設定頁面背景——bgcolor
基本文法：<body bgcolor="value">
2.設定頁面邊距——topmargin(到頂端)、leftmargin(到左邊)、rightmargin(到右邊)、bottomnargin(到底邊)
3.設計本文顏色——text
利用text屬性可以給頁面中無連結的文字設定顏色
基本文法：<body text="">...</body>
文字與段落：
一.編輯內容
1.添加文字
基本文法：<body>所寫文字</body>；
2.添加註釋<!....-->或<comment>；
3.添加空格—— ；
4.添加刪除線<strike>；
給需要添加刪除線的文字使用成對的<strike></strike>標記，就可以添加刪除線；
基本文法：<body><strike>在此輸入要添加刪除線的文字</strilke> </body>
5.插入特殊符號
二.文字效果
1.編輯網頁文字樣式<font>
主要是設定文字的字型、字型大小、顏色等屬性，利用<font>與<basefont>標記都可以實現；
基本文法:<body><font face="" size="" color=""></font></body>
face設定字型，
2.設定文字標註<ruby>
在HTML檔案中，有時需要對某個字、詞或者某段進行說明，可以通過添加文字的標註標記來完成對網頁中文字的說明；
基本文法：<ruby>需要被說明的文字<rt>文字的標註</rt></ruby>
三.文字修飾
1.簡單修飾文字
基本文法:
<body>
普通文字的顯示<br>
<b>加粗的文字</b><br>
<i>斜體文字</i><br>
<u>添加底線的文字</u><br>
</body>
成對<b></b>表示加粗文字顯示；<i></i>表示斜體文字顯示；<u></u>表示給文字添加底線；
2.確定文字上下標——<sup>/<sub>
基本文法：
<body>
<sup>上標內容</sup><br>
<sub>下標內容</sub><br>
</body>
3.設定地址文字<address>
在網頁中添加地址文字，是為了更方便地反白連絡方式，將連絡人的地址資訊反白。
基本文法：
<body>
<address>請在此添加地址資訊</address>
</body>
4.設定等寬文字<tt>、<samp>、<code>、<kdb>
基本文法：
<body>
<tt>打字機風格顯示</tt>
<code>等寬文字設定內容</code>
<samp>等寬文字設定內容</samp>
<kdb>鍵盤輸入</kdb>
</body>
四.段落<p>
基本文法：
<body><p>...</p></body>
在HTML檔案中，<p>標記是一個段落標記符號，利用<p>標記可以對網頁的文字資訊進行段落的定義，但不能進行段落格式的定義。
1.斷行符號<br>
強制換行
2.換行與不換行<wbr>/<nobr>
在HTML中，成對的<nobr></nobr>標記表示不換行，但是在<nobr>標記中。插入成對的<wbr></wbr>標記後，<wbr></wbr>之間的內容會被強制換行。
3.預格式化<pre>
在HTML中，利用成對的<pre></pre>標記對網頁中文欄位落進行預格式化，在輸入過程中，按鍵盤上的斷行符號鍵，就可以產生一個段落。
4.置中顯示文字<center>
利用<center></center>標記,對齊標記之間在內容將會在網頁中置中顯示。
5.設定段落縮排<blockqute>
對文檔進行編排時，利用設定段落縮排，可以增加段落的層次效果。
基本文法：<body><blockqute>需要縮排的內容</blockqute></body>
利用一對<blockqute></blockqute>標記可以縮排5個字元。
6.忽略HTML標記——<xmp>
在HTML中，利用成對的<xmp></xmp>標記可以忽略HTML標記的作用，包括標記在內的所有內容都會直接顯示在頁面上。
基本文法：<body><xmp>...</xmp></body>
7.插入並設定水平線<hr>
屬性：width 設定水平線寬度，可以是像素，也可以是百分比；size 設定水平線高度；noshade 設定水平線無陰影；color 設定水平線顏色;align 設定水平線置中對齊
基本文法：<body><hr width=""size=""noshade=""color=""align="" > </body>
建立和使用列表：
一.清單類型
列表：在網頁中將項目有序或者無序羅列顯示。
清單類型 標記符號
定義列表 dl
無序列表 ul
目錄列表 dir
菜單列表 menu
有序列表 ol
1.插入定義列表<dl>
基本文法：
<dl>
<dt>名稱</dt>
<dd>說明</dd>
<dd>說明</dd>
...
</dl>
<dt>標記定義了組成列表名稱部分，同時此標記只在<dl>標記中使用；<dd>用於解釋說明<dt>標記定義的項目名稱，此標記也只能在
<dl>標記中使用；
2.插入無序列表<ul>
基本文法：
<ul>
<li>項目名稱</li>...
<li>項目名稱</li>...
<li>項目名稱</li>...
...
</ul>
使用成對<ul></ul>標記可以插入無序列表，但<ul>標記之間必須使用成對<li></li>標記添加到清單項目值。
2.插入目錄列表<dir>
只需在使用目錄的地方插入成對的目錄列表標記<dir></dir>,就可以很簡單地完成目錄列表的插入，但<dir>標記之間必須使用成對<li> </li>標記添加清單項目值。
基本文法：
<dir>
<li>項目名稱</li>...
<li>項目名稱</li>...
<li>項目名稱</li>...
...
</dir>
4.插入菜單列表<menu>
在HTML檔案中，只要在需要使用目錄的地方插入成對的菜單列表標記<menu></menu>,就可以很簡單地完成菜單列表的插入,但<menu>標記之間只需要單個<li>標記添加清單項目值。
基本文法：
<menu>
<li>項目名稱...</li>
<li>項目名稱...</li>
<li>項目名稱...</li>
...
</menu>
5.插入有序列表<ol>
利用成對的<ol></ol>標記可以插入有序列表，但<ol>標記之間必須使用成對<li></li>標記添加清單項目值；當我們需要改變列表符號時，需要在<ol>中輸入Type屬性，進行屬性的設定。Type屬性 屬性值 說明
1 數字1、2...
a 小寫字母a、b...
A 大寫字母A、B...
i 小寫羅馬數字i,ii,iii...
I 大寫羅馬數字
基本文法：
<ol Type="">
<li>項目名稱</li>...
<li>項目名稱</li>...
<li>項目名稱</li>...
...
</ol>
二.嵌套列表
1.嵌套定義列表
在需要使用嵌套定義列表的地方，插入成對的<dl></dl>,在一對<dl></dl>標記之間使用多個<dt>和<dd>標記。
基本文法：
<dl>
<dt>名稱</dt>
<dd>說明</dd>
<dd>說明</dd>
````
</dl>
多個<dt>與<dd>的交替使用，構成了定義列表的嵌套。
2.嵌套有序與無序列表
在無序列表<ul></ul>標記之間插入有序列表<ol>,就可以完成嵌套有序與無序列表的插入。
基本文法：
<ul>
<li>項目名稱</li>
<ol>
<li>項目名稱</li>
<li>項目名稱</li>
<li>項目名稱</li>
</ol>
<li>項目名稱</li>
<ol>
<li>項目名稱</li>
<li>項目名稱</li>
</ol>
</ul>
html基礎匯總
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
