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

程序員html相冊源代碼

發布時間:2024-05-15 14:48:23

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>

<meta charset="utf-8">

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

</head>

<body>


<h2>Norwegian Mountain Trip</h2>

<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">


</body>

</html>

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

閱讀全文

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

熱點內容
安卓手機10塊錢可以買什麼手機 瀏覽:275
怎樣對某一列部分數據加密 瀏覽:364
typecho伺服器怎麼登錄 瀏覽:301
龍雀服源碼 瀏覽:336
網球小恐龍解壓玩具 瀏覽:442
開關電源還是單片機有 瀏覽:201
金得利文件夾是哪產的 瀏覽:924
電腦棕色文件夾打不開 瀏覽:657
微信如何使用網路代理伺服器 瀏覽:327
無線網橋加密技術 瀏覽:286
pdf格式轉化ppt 瀏覽:934
程序設計流程圖表達演算法 瀏覽:539
plc程序員待遇怎麼樣 瀏覽:596
一加主題文件夾商店 瀏覽:494
人渣怎麼看ip伺服器地址 瀏覽:552
為什麼周年慶伺服器喇叭掉價了 瀏覽:217
pdf橡皮擦注冊碼 瀏覽:364
櫻校設置id時出現伺服器錯誤該怎麼辦 瀏覽:732
涉及到年份求星期幾的演算法 瀏覽:559
linux防止攻擊 瀏覽:991