HTML CSS學習 標籤(一)

2021-08-10 02:49:18 字數 2418 閱讀 8030

1、html有哪些標籤?

2、css裡有的哪些有用的屬性?

3、注意點

1、html有哪些標籤?

之間的文字描述網頁

之間的文字是可見的頁面內容

之間的文字被顯示為標題

之間的文字被顯示為段落

href、target    html 鏈結是通過 標籤進行定義的。

border    定義 html **

標籤在 html 頁面中建立水平線。

可以將注釋插入 html **中,這樣可以提高其可讀性,使**更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。

text、radio、submit    html 表單用於收集使用者輸入。表單元素指的是不同型別的 input 元素、核取方塊、單選按鈕、提交按鈕等等。

元素定義下拉列表:

元素定義待選擇的選項。

name、rows、clos    

設定預定義值的 元素

button、radio、number    

這是我作為第一次接觸html接觸到的,我在這時一直想的乙個問題是:如此醜陋的介面,如何通過標籤裡的屬性讓介面變漂亮?

答案:通過css來進行介面的調控,不要想著通過html標籤裡的屬性進行調控。

2、css裡有的哪些有用的屬性?

個人認為的屬性排行:

新增背景、背景顏色:background-color、background-image

.background1

居中、寬度:margin-left、margin-right、width

.center

總:背景    background-color        背景色(可以為所有元素設定背景色,這包括 body 一直到 em 和 a 等行內元素。)

padding        內邊距

background-image        設定乙個背景影象

background-prpeat        頁面上對背景影象進行平鋪

background-position        改變影象在背景中的位置。

文字    text-indent        可以方便地實現文字縮排

text-align        值 left、right 和 center 會導致元素中的文字分別左對齊、右對齊和居中。

word-spacing        改變字(單詞)之間的標準間隔

latter-spacing        字母間隔修改的是字元或字母之間的間隔

text-transfrom        處理文字的大小寫

text-decoration        提供了很多非常有趣的行為

white-space        會影響到使用者**對源文件中的空格、換行和 tab 字元的處理

字型    font-family        定義文字的字型系列

font-style        用於規定斜體文字。

font-variant        可以設定小型大寫字母

font-weight        設定文字的粗細(數字 400 等價於 normal,而 700 等價於 bold。)

font-size        設定文字的大小(1em 等於當前的字型尺寸。如果乙個元素的 font-size 為 16 畫素,那麼對於該元素,1em 就等於 16 畫素。在設定字型大小時,em 的值會相對于父元素的字型大小改變。)

鏈結    a:link(visited\hover\active)        

text-decoration        屬性大多用於去掉鏈結中的下劃線

列表    list-style-type        用於列表項的標誌型別

list-style-image        你可能想對各標誌使用乙個影象

list-style        可以將以上 3 個列表樣式屬性合併為乙個方便的屬性

**    border        設定**邊框

width        **的寬度

height        **的高度

text-align        性設定水平對齊方式

vertical-align        設定垂直對齊方式

padding        控制**中內容與邊框的距離

backgournd-color        背景顏色

color        文字顏色

內邊距    padding-top(right\bottom\left)       

3、注意點

1、首先對於css檔案在html裡的引用需要在head標籤裡加入link子標籤

href引號裡括起來的就是你自己編寫的css檔案。

(一)HTML CSS入門 標籤初識

1.html標題 h1 h6 this is heading 4 this is heading 5 this is heading 6 請僅僅把標題標籤用於標題文字。不要僅僅為了產生粗體文字而使用它們。請使用其它標籤或 css 代替。網頁爬蟲時會根據標題標籤的重要性而選擇抓取,從而導致在搜尋引擎中...

html css學習 基本結構及標籤

一 html的結構 正文 二 meta標籤,標記用於定義檔案資訊 meta標籤用於定義檔案資訊,放置於 設定關鍵字 設定描述 設定作者名 設定字符集 或者 utf 8 utf 8 3位元組 gb2312 2位元組 三 html 標記語義應用 html檔名最好使用英文 字型修飾 1 標記 語法 文字顏...

HTML CSS的基本標籤

1 大小 font size x large 特大 xx small 極小 一般中文用不到,只要用數值就可以,單位 px pd 2 樣式 font style oblique 偏斜體 italic 斜體 normal 正常 3 行高 line height normal 正常 單位 px pd em...