HTML學習筆記之網頁元素編輯

2021-07-05 22:32:04 字數 2138 閱讀 1125

1.段落與換行

在html檔案中,由回車所產生的換行符,在瀏覽器中並不視為換行標籤,而產生的是段落標籤。

稱為換行標籤,它是乙個單標籤,作用是令其後的內容在下一行顯示。由於瀏覽器會自動忽略原**中的空白和換行的部分,這使得

成為最常用的標記之一。其語法格式如下:

前一行文字

後一行文字

示例:

這是我的第乙個網頁

歡迎光臨

執行結果:

稱為分段控制標籤,它可以單獨使用,也可成對使用,其作用是留一空白行。檔案段落的開始由來標籤,段落的結束由

來標籤,

是可以省略的。

的屬性有align,其屬性可選值:right,left,center。預設值:algin="left"。其語法格式如下:

示例:

第一段居左顯示

第一段居中顯示

第一段居右顯示

執行結果:

2.稱為居中對齊標籤,它是乙個雙標籤,其作用是進行居中控制。被標籤包含的部分,將以居中對齊的方式顯示在網頁中。其語法格式如下:

居中文字

3.插入水平線

稱為水平分隔線標籤,它是乙個單標籤,其作用是在標籤所在位置上插入一條水平線,用以分割頁面中的不同部分。

的屬性有align,size,width,color,noshade.

align設定水平線擺放位置,其屬性可選值:right,left,center。預設值:align=」center".

size設定水平線的粗細,以畫素作單位,預設值為2.

width設定水平線的長度,以畫素作單位,可以是百分比作單位,預設值:100%。如果使用百分比作為單位來設定水平分隔線的寬度,其寬度值可隨視窗的大小變化而變化,相對比例保持不變。

color設定線條顏色,預設值:黑色。

noshade設定水平線不顯示3d陰影,若無noshade屬性則有3d陰影。其語法格式如下:

或示例:

八陣圖

功蓋三分國,名成八陣圖.

江流石不轉,遺恨失吞吳.

執行結果:

4.插入特殊符號

html常見特殊字元及其**表

特殊或專用字元  

數字**             

字元**          

<

<

<

>

>

>

&&&"""

!!©©      :

;      ®®®

空格 

1.字型設定

稱為標題文字標籤,它是乙個雙標籤,其作用是設定網頁中的標題文字,被設定的文字將以黑體或粗體的方式顯示在網頁中。

的標籤一共六級,由

cai是"計算機輔助教學"(computer asstited instructing)

的英文名稱首字母縮寫

其含義就是把自己的教學想法,包括教學目

的、內容、實現教學活動的策略、教學的順序、控制方法等,用電腦程式進行描述,

並存入計算機,經過除錯成為可以執行的程式。由於計算機有著儲存資訊、處理資訊、

工作自動化等功能

因此,cai課件可以將大容量的資訊非順序地呈

現,可以選擇學習內容和掌握學習進度,實現因人施教的原則和及時反饋資訊原則等特

點集於一身,並因之區別於其他**教學。

執行結果:

學習筆記 html元素之display

行級元素 與其他元素在同一行上,內容文字或者的寬度不可以改變 對行級元素使用寬高是無效的 height 100px width 200px 左右邊距 margin right margin right有效 上下邊距 margin bottom margin top無效 padding left ri...

HTML網頁元素

在html中,注釋使用如下格式書寫 其他叫法 標籤 標記 href 渡一教育a 官方叫法 element 元素 元素 起始標記 begin tag 元素屬性 元素內容 結束標記 end tag 屬性 屬性名 屬性值 屬性的分類 charset utf 8 有些元素沒有結束標記,這樣的元素叫做 空元素...

HTML 學習筆記 元素

標籤定義了文件與外部資源之間的關係。標籤通常用於鏈結到樣式表 標籤定義了html文件的樣式檔案引用位址.在元素中你也可以直接新增樣式來渲染 html 文件 meta標籤描述了一些基本的元資料。標籤提供了元資料.元資料也不顯示在頁面上,但會被瀏覽器解析。一般放置於 區域 為網頁定義描述內容 每30秒鐘...