1. 程式人生 > >HTML檔案基本標記(四)-設計網頁文字內容

HTML檔案基本標記(四)-設計網頁文字內容

1、標題文字

  • 標題文字標籤:h1~h6;
  • 標題文字對齊方式:align=“left(左對齊)、center(居中)、right(右對齊)”

2、設定文字格式

  • 設定文字字型:face=“字型名稱”;
  • 設定文字字號:size=“文字字號”;
  • 設定文字顏色:color=“顏色程式碼”;
  • 設定文字粗體:strong;
  • 設定文字斜體:em;
  • 設定文字下劃線:u;
  • 設定文字上標:sup;
  • 設定文字下標:sub;
  • 設定文字刪除線:strike;
  • 設定等寬文字標記:code;
  • 設定文字空格: 
  • 設定文字其他特殊符號:
    這裡寫圖片描述

3、設定文欄位落格式

  • 段落標記:p;
  • 取消文字換行標記:nobr;
  • 換行標記:br;
  • 保留原始排版方式標記:pre;
  • 居中對齊標記:center;
  • 向右縮排標記:blockquote;

4、水平線標記

  • 新增水平線:hr;
  • 設定水平線寬度與高度:width、height;
  • 設定水平線顏色:color;
  • 設定水平線對齊方式:align;
  • 去掉水平線陰影:noshade;

5、其他文字標記

  • 文字標註標記:ruby;
  • 宣告變數標記:var;
  • 忽視HTML標記:plaintext、xmp;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>設計網頁文字內容</title> </head> <body> <!-- HTML使用align屬性來設定標題文字的對其方式,分別為left、center、right --> <h1 align="center">這是標題,分別用h1~h6表示;</h1> <h2 align="center">這是標題,分別用h1~h6表示;</h2> <h3 align="center">這是標題,分別用h1~h6表示;</h3> <h4
align="center">
這是標題,分別用h1~h6表示;</h4> <h5 align="center">這是標題,分別用h1~h6表示;</h5> <h6 align="center">這是標題,分別用h1~h6表示;</h6> <!-- HTML使用face設定文字的字型;使用size設定文字的字號,預設為3號,可以設定1~7號;使用color設定文字的顏色 --> <font face="隸書" size="4" color="#EA0000">隸書4號字</font> <br /> <font face="隸書" size="5" color="#EA0000">隸書5號字</font> <br /> <!-- HTML使用strong或者<b>來設定字型加粗 --> <strong>字型加粗</strong> <br /> <!-- HTML使用strong或者<I>來設定斜體字 --> <em>斜體字型</em> <br /> <!-- HTML使用sup來給文字設定上標,使用sub來給文字設定下標 --> 在方程式中使用上標:X<sup>3</sup>+9X<sup>2</sup>=0;<br /> 在文字中使用下標: 三十六計<sub>註釋①</sub>走為上;<br /> <!-- HTML使用code來設定文字的等寬效果 --> <code>等款效果:This is a apple.</code><br/> <!-- HTML使用&nbsp;來表示空格 --> 我&nbsp;是&nbsp;測&nbsp;試&nbsp;工&nbsp;程&nbsp;師。<br/> <!-- HTML使用nobr來取消文字的換行效果,所有文字在一行中顯示 --> <nobr>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</nobr> </body> </html>