HTML教程(一)

一、html 的主體標簽<body>

在<body>和</body>中放置的是頁面中所有的內容,如圖片、文字、表格、表單、超鏈接等設置。<body>標簽有自己的屬性,設置 <body>標簽內的屬性,可控制整個頁面的顯示方式。
<body>標簽的屬性

屬 性 描 述
link 設定頁面默認的連接顏色
alink 設定鼠標正在單擊時的連接顏色
vlink 設定訪問后連接文字的顏色
background 設定頁面背景圖像
bgcolor 設定頁面背景顏色
leftmargin 設定頁面的左邊距
topmargin 設定頁面的上邊距
bgproperties 設定頁面背景圖像為固定,不隨頁面的滾動而滾動
text 設定頁面文字的顏色

格式:

 <body text="#000000" link="#000000" alink="#000000" vlink="#000000"
background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2
bgproperties="fixed">

二、 顏色的設定

顏色是由 "red" "green" "blue " 三原色組合而成的,在 HTML 中對顏色
的定義是用十六進位的,對於三原色 HTML 分別給予兩個十六進位去定義,也
就是每個原色可有 256 種彩度,故此三原色可混合成 16777216 種顏色。

三、文字版面的編輯

3.1 換行標簽<br>

換行標簽是個單標簽,也叫空標簽,不包含任和內容,在 html 文件中的任何位置只要使用了<br>標簽,當文件顯示在瀏覽器中時,該標簽之后的內容將顯示下一行。

3.2換段落標簽<p>及屬性:

<p>標簽所標識的文字,代表同一個段落的文字。不同段落間的間距等于連續(xù)加了兩個換行符
格式:

<P>
<P ALIGN= 參數(shù)>

其中,ALIGN<p>標簽的屬性,屬性有三個參數(shù) left,center,right這三個參數(shù)設置段落文字的左,中,右位置的對齊方式.

3.3原樣顯示文字標簽<pre>

要保留原始文字排版的格式,就可以通過<pre>標簽來實現(xiàn),方法是把制作好的文字排版內容前后分別加上始標簽<pre>和尾標簽</pre>

3.4居中對齊標簽<center>

文本在頁面中使用<center>標簽進行居中顯示,<center>是成對標簽,在需要居中的內容部分開頭處加<center>,結尾處加</center>

3.5引文標簽 (縮排標簽)<blockquote>

<blockquote>標簽可以用來建立一個引文,他特別適合較長文本的引用,引文顯示時將會自動右移,左邊空出幾個格,加以區(qū)別。

3.6水平分隔線標簽<hr>

<hr>標簽是單獨使用的標簽,是水平線標簽,用于段落與段落之間的分隔,使文檔結構清晰明了,使文字的編排更整齊。通過設置<hr>標簽的屬性值,可以控制水平分隔線的樣式。
<hr>標簽的屬性

屬性 參數(shù) 功能 單位 默認值
size 設置水平分隔線的粗細 pixel(像素) 2
width 設置水平分隔線的寬度 pixel(像素)、% 100%
align left center right 設置水平分隔線的對齊方式 center
color 設置水平分隔線的顏色 black
noshade 取消水平分隔線的 3d 陰影
3.7署名標簽<address>

<address>署名標簽一般用于說明這個網頁是由誰或是由哪個公司編寫的,以及其它相關信息。在<address> </address>標簽之間的文字顯示效果是斜體字。

3.8特殊字符

HTML 幾種常見特殊字符及其代碼表

特殊或專用字符 字符代碼 特殊或專用字符 字符代碼
< &lt; ? &copy;
> &gt; × &times;
& &amp; ? &reg;
" &quot; 空格 &nbsp;
3.9注釋標簽

在 HTML 文檔中可以加入相關的注釋標記,便于查找和記憶有關的文件內容和標識,這些注釋內容并不會在瀏覽器中顯示出來。
格式:

<!--注釋的內容--> 
3.10字體屬性
3.10.1標題文字標簽<hn>

<hn>標簽用于設置網頁中的標題文字,被設置的文字將以黑體或粗體的方式顯示在網頁中。
標題標簽的格式:<hn align=參數(shù)〉標題內容</hn>
說明:<hn>標簽是成對出現(xiàn)的,<hn>標簽共分為六級,在<h1>...</h1>之間的文字就是第一級標題,是最大最粗的標題;<h6>...</h6>之間的文字是最后一級,是最小最細的標題文字。align 屬性用于設置標題的對齊方式,其參數(shù)為 left(左),enter(中), right (右)。<hn>標簽本身具有換行的作用,標題總是從新的一行開始。

3.10.2 文字格式控制標簽<FONT>

<FONT>標簽用于控制文字的字體,大小和顏色??刂品绞绞抢脤傩栽O置得以實現(xiàn)的。
FONT 標簽的屬性

屬性 使用功能 默認值
face 設置文字使用的字體 宋體
size 設置文字的大小 3
color 設置文字的顏色 黑色

格式:<font face=值 1 size=值 2 color=值 3〉文字 </font>
說明:如果用戶的系統(tǒng)中沒有 face 屬性所指的字體,則將使用默認字體。size 屬性的取值為 1~7。也可以用"+"或"-"來設定字號的相對值。color 屬性的值為:rgb 顏色"#nnnnnn"或顏色的名稱

3.10.3 特定文字樣式標簽

在有關文字的顯示中,常常會使用一些特殊的字形或字體來強調、突出、區(qū)別以達到提示的效果。在html 中用于這種功能的標簽可以分為兩類,物理類型和邏輯類型。

  • 1、物理類型
    (1) 粗體標簽<b>
    放在<b></b>標簽之間的文字將以粗體方式顯示。
    (2) 斜體標簽<i>
    放在<i></i>標簽之間的文字將以斜體方式顯示。
    (3) 下劃線標簽<u>
    放在<u></u>標簽之間的文字將以下劃線方式顯示。
  • 2、邏輯類型
    邏輯類型是使用一些標簽來改變字體的形態(tài)和式樣,以便產生一些瀏覽者習慣的或約定的顯示效果,常用的邏輯類型標簽有八種,放在標簽之間的文字受其控制。下面請看常用邏輯標簽的實例
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • HTML是一種標記語言,用一套標記標簽來描述網頁,本文我們就來介紹下如何使用HTML語言中的無序列表標簽 ...
    I_am_Via閱讀 2,271評論 0 0
  • 一、介紹 超文本標記語言(外國語簡稱:HTML)標記標簽通常被稱為HTML標簽,HTML標簽是HTML語言中最基本...
    走著別浪閱讀 558評論 0 4
  • 一,HTML語言的一般語法: 1,圍堵標記:<>… 1)帶屬性的標記: … 2)無屬性的標記:加粗 居中 標題 2...
    清水易藍閱讀 1,369評論 0 2
  • 瀏覽器與服務器的基本概念 瀏覽器(安裝在電腦里面的一個軟件) 作用: ①將網頁內容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,282評論 0 0
  • 概述 在網易云課堂學習李南江老師的《從零玩轉HTML5前端+跨平臺開發(fā)》時,所整理的筆記。筆記內容為根據個人需求所...
    墨荀閱讀 2,475評論 0 7

友情鏈接更多精彩內容