程序員html相冊源代碼_程序員必須知道的HTML常用代碼有哪些

A. 程序員必須知道的HTML常用代碼有哪些

html+css代碼

一、文本設置

1、font-size：號大小

2、font-style：字體格式

3、font-weight：字體粗細

4、顏色屬性color：文本顏色

二、超鏈接設置

text-decoration：參數

參數取值范圍：

underline：為文字加下劃線

overline：為文字加上劃線

line-through：為文字加刪除線

blink：使文字閃爍

none：不顯示上述任何效果

三、背景

1、背景顏色

background-color：設置背景色

2、背景圖片

background-image：url(URL)

URL就是背景圖片的存放路徑，none表示無。

3、背景圖片重復

background-repeat：參數

四、背景

repeat：不重復平鋪背景圖片

repeat-x：使圖片只在水平方向上平鋪

repeat-y：使圖片只在垂直方向上平鋪

如果不指定背景圖片重復屬性，瀏覽器默認的是背景圖片向水平和垂直兩個方向平鋪。

4、背景圖片固定

background-attachment：參數

背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力，一般都設為固定。

五、參數取值范圍：

fixed：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，固定不動。

scroll：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，一起滾動。

六、區塊

1、單詞間距

word-spacing：單詞間距

2、字母間距

letter-spacing：字母間距

3、文本對齊

text-align：參數

七、參數的取值：

left：左對齊

right：右對齊

center：居中對齊

justify：相對左右兩端對齊

4、垂直對齊

vertical-align: 參數

top：頂對齊

bottom：底對齊

text-top：相對文本頂對齊

text-bottom：相對文本底對齊

baseline：基準線對齊

middle：中心對齊

sub：以下標的形式顯示

super：以上標的形式顯示

5、文本縮進

text-indent：縮進距離

12px相當於一個文字距離。

6、空格

white-space：參數

八、參數取值范圍：

normal默認，空白會被瀏覽器忽略、pre保留空白、nowrap文本不換行。

7、顯示樣式

display：參數

九、參數取值范圍：

block：塊級元素，在對象前後都換行

inline：在對象前後都不換行

list-item：在對象前後都換行，增加了項目符號

none：無顯示

十、方框

1、height高度

2、width寬度

3、padding內邊距

4、margin外邊距

5、float（浮動）：可以讓塊級元素在一行中排列，例如橫向菜單。

6、clear清除浮動

十一、邊框

1、樣式

border style 參數

邊框樣式的參數：

none：無邊框

dotted：邊框為點線

dashed：邊框為長短線

solid：邊框為實線

double：邊框為雙線

2、寬度 border width

3、顏色 border color

(1)程序員html相冊源代碼擴展閱讀：

HTML常用代碼之修改頁面的實用性HTML代碼：

貼圖：<img src="圖片地址">

加入連接：<a href="所要連接的相關地址">寫上你想寫的字</a>

在新窗口打開連接：<a href="相關地址" target="_blank">寫上要寫的字</a>

移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

字體加粗：<b>寫上你想寫的字</b>

字體斜體：<i>寫上你想寫的字</i>

字體下劃線: <u>寫上你想寫的字</u>

字體刪除線: <s>寫上你想寫的字</s>

字體加大: <big>寫上你想寫的字</big>

字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)

更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間

消除連接的下劃線：<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>

貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>

貼flash: <embed src="flash地址" width="寬度" height="高度">

貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

換行：<br>

段落：<p>段落</p>

原始文字樣式：<pre>正文</pre>

換帖子背景：<body background="背景圖片地址">

固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>

定製帖子背景顏色：<body bgcolor="#value">(value值見10)

帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>

貼網頁：<iframe. src="相關地址" width="寬度" height="高度"></iframe>

B. 如何把圖片插入到html編輯器中

1 html中插入圖片使用的是<img>標簽。

2 下面是在html頁面中插入圖片的實例，代碼可以直接復制下來到瀏覽器上運行。代碼中src是圖片的路勁，運行的時候需要修改成自己的圖片路勁。

<!DOCTYPE html>

<html>

<head>

<title>img標簽的使用</title>

</head>

<body>

<h2>Norwegian Mountain Trip</h2>

</body>

</html>

3 下面是代碼在瀏覽器上的運行結果：

導航:首頁 > 程序命令 > 程序員html相冊源代碼

程序員html相冊源代碼

與程序員html相冊源代碼相關的資料