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

① 鍋氫簡涓ゅ勾鐨勭▼搴忓憳錛屾湁涓鐤戦棶錛歨tml鍧楀厓緔犱腑鐨勭┖鐧藉瓧絎﹁〃鐜版槸浠涔堟牱瀛愮殑鍛錛

銆鍧楃駭鍏冪礌浼氱嫭鍗犱竴琛,榛樿ゆ儏鍐典笅,鍏跺藉害鑷鍔ㄥ～婊″叾鐖跺厓緔犲藉害.

銆銆琛屽唴鍏冪礌涓嶄細鐙鍗犱竴琛,鐩擱偦鐨勮屽唴鍏冪礌浼氭帓鍒楀湪鍚屼竴琛岄噷,鐩村埌涓琛屾帓涓嶄笅,鎵嶄細鎹㈣,鍏跺藉害闅忓厓緔犵殑鍐呭硅屽彉鍖.

銆銆

銆銆鍧楃駭鍏冪礌鍙浠ヨ劇疆width,height灞炴.

銆銆琛屽唴鍏冪礌璁劇疆width,height灞炴ф棤鏁.

銆銆鍧楃駭鍏冪礌鍗充嬌璁劇疆浜嗗藉害,浠嶇劧鏄鐙鍗犱竴琛.

銆銆

銆銆鍧楃駭鍏冪礌鍙浠ヨ劇疆margin鍜宲adding灞炴.

銆銆琛屽唴鍏冪礌鐨刴argin鍜宲adding灞炴,姘村鉤鏂瑰悜鐨刾adding-left,padding-right,margin-left,margin-right閮戒駭鐢熻竟璺濇晥鏋,浣嗙珫鐩存柟鍚戠殑padding-top,padding-bottom,margin-top,margin-bottom鍗翠笉浼氫駭鐢熻竟璺濇晥鏋.

銆銆

銆銆鍧楃駭鍏冪礌瀵瑰簲浜巇isplay:block.

銆銆琛屽唴鍏冪礌瀵瑰簲浜巇isplay:inline.

② 程序員必須知道的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

(2)程序員的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>

③ html代碼和css代碼應該由程序員寫，還是由美工寫

Web前端設計主要分為5個步驟：
1.看需求;
2.畫草圖;
3.設計界面;
4.前端代碼編寫;
5.兼容性調試。
網頁美工是精通美學，photoshop（PS），FLASH，dreamwaver（DW）等一網站製作軟體的網路人員，且必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔，還要適宜後台調用。
網頁美工是美工用Dreamwerver等網頁編輯軟體把已經設計好的平面效果圖，製做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了，也就是所謂的切圖。說的詳細一點就是，網頁美工一般需要精通PHOTOSHOP/CSS/HTML/JAVASCRIPT等網路語言或工具進行網頁框架，色彩，基調，創意等處理。

導航:首頁 > 程序命令 > 程序員的html

程序員的html

與程序員的html相關的資料