一些常用的html標籤及及樣式
>
html
>
>
head
>
頭部標籤
rel=」stylesheet」
href
=」」>
/*鏈結css*/
>
body
>
主體標籤
action
=」」method
=」post」
>
form
>
/*表單元素*/
**input標籤：**
type
=」text」
>
/*表單*/
type
=」pawssod」
>
/*表單密碼*/
type
="button"
class="
">
button
>
/*按鈕*/
type
=」submit」
>
/*按鈕*/
type
=」email」
>
/*郵件驗證表單*/
type
=」url」
>
/*url驗證表單*/
type
=」url」
>
/*url驗證表單*/
type
=」date」
>
/*日期選擇器*/
src=」url」
controls
=」controls」
loop
=」loop」
autoplay
=」autoplay」
>
video
>
src=」url」
controls
=」controls」
loop
=」loop」
autoplay
=」autoplay」
>
audio
>
/*音訊元素*/
**定義框架結構的標籤：**
>
src=」url.html」
>
frame
>
frameset
>
rows:定義每行佔螢幕面積
cols:定義每列佔螢幕面積
noresize:使框架邊框不可拉動
**定義內聯框架標籤：**
src=」url.html」
>
iframe
>
frameborder=」0」 /*去除框架邊框*/
scrolling=」yes/no」 /*框架內是否顯示滾動條*/
## css樣式
關於在element.style的樣式修改：新增!important
例：width
: 100%!important
;background-image
: url ();
/*背景*/
background-repeat
:no-repeat;
/*去掉重複影象*/
background-position
:center top;
/*背景的位置：水平居中*/
background
:-webkit-linear-gradient
(bottom, #054679, #1476c3)
/*背景色漸變（上到下)*/
width
:10 px;
/*寬度*/
height
:0px;
/*高度*/
margin
:0 auto;
/*居中，上 右 下 左*/
text-decoration
:none;
/*無下劃線*/
padding
:0 px;
/*左 右 上 下*/
list-style
:none;
/*去掉專案前的圓點*/
display
:inline;
/*成一行顯示*/
position
: fixed;
/*導航欄隨滾動條移動：*/
文字樣式：
direction
:rtl; 設定文字方向
line-height
: 設定行高
letter-spacing
: 設定字元間距
word-spacing： 設定字間距
text-indent： 縮排首行文字
text-decoration
: 向文字新增修飾
text-align
: 對齊元素中的文字
text-transform
: 控制元素中的字母
列表樣式：
list-style-type：屬性設定列表項標記的型別
list-style-image：屬性使用影象來替換列表項的標記
list-style
:復合寫法
**樣式：
border-style
:設定邊框樣式
border-collapse：是否將**邊框摺疊為單一邊框
border-spacing：設定相鄰單元格的邊框間的距離
caption-side
:設定**標題的位置
text-align
:設定文字水平對齊方式
vertical-align
:設定文字垂直對齊方式
偽元素：
:before 該偽元素定義在元素之前新增內容
:after 該偽元素定義在元素之後新增內容
:first-line 該偽元素向文字的首行新增特殊樣式
:first-letter 該偽元素向文字的第乙個字母新增特殊樣式
font-family
:』華文琥珀』； /*字型風格*/
font-size
:16px;
/*字型大小*/
font-weight
:bold;
/*文字粗細*/
font-style
:/*斜體風格*/
clear
:both;
/*清除浮動*/
overflow
:visible;
/*超出範圍如何顯示 hidden*/
border
:10px solid green;
/*寬度 實線 下*/
HTML中的文字標籤及樣式
前言 文字標籤用於標識網頁中的不同內容 首先要講的是 em 和 strong 標籤。em標籤用於表示一段內容中的著重點。strong標籤用於表示乙個內容的重要性。這兩個標籤可以單獨使用，也可以一起使 用。通常em顯示為斜體，而strong顯示為粗體。警告 任何情況下不要嘗試毒品。他們只是 看起來 很...
HTML常用的標籤及常用屬性
檔案標籤 根標籤 頭標籤 標題標籤 體標籤 文字標籤 注釋標籤 標題標籤,1 6字型依次變小 段落標籤 換行標籤 分割線標籤 字型加粗標籤 字型斜體標籤 文字標籤 文字居中標籤 標籤 鏈結標籤 鏈結標籤一般標籤 塊標籤 行內標籤 表標籤 標籤 定義行 定義單元格 表標題 下拉選擇框標籤 下拉框 選項...
html常用標籤及屬性
由於markdown將文字轉換為 html，因此在書寫html標籤時在標籤前面加了空格為了正常顯示。doctype html 文件宣告標籤，告訴瀏覽器這個頁面採取html5版本顯示頁面 html lang zh cn 告訴瀏覽器頁面採用中文顯示 meta charset utf 8 必須寫，採取ut...