为大家整理的HTML常用格式标签
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTMLæ¯ä¸ç§è¶ ææ¬æ è®°çè¯è¨ï¼åæ¶ä¹æ¯å¶ä½è¶ ææ¬ææ¡£çä¸ç§ç®åçè¯è¨ï¼é£ä¹ä¸ææ¯ç±ç«ææ¯é¢éå°ç¼ä¸ºå¤§å®¶æ´ççHTML常ç¨æ ¼å¼æ ç¾çä»ç»ï¼å¤§å®¶é½äºè§£äºåï¼ä¸èµ·è·çå°ç¼çæ¥ä¼æ¥äºè§£ä¸ä¸å§ï¼
1.æ é¢
 ããHTMLå®ä¹
å°å 个æ大ï¼åæå°ã
Headingæ ç¾éè¦æ³¨æçæ¯ï¼a.æµè§å¨ä¼èªå¨å°å¨æ é¢çååæ·»å 空è¡ãå 为Headingæ ç¾å±äºå级å
ç´ ï¼èå¨é»è®¤æ
åµä¸ï¼HTML ä¼èªå¨å°å¨å级å
ç´ ååæ·»å ä¸ä¸ªé¢å¤ç空è¡ï¼
ï¼ãb.æ é¢å¯¹æ´ä¸ªé¡µé¢æ¥è¯´å¾éè¦,åºè¯¥å°HTML heading æ ç¾åªç¨äºæ é¢ï¼èä¸è¦ä»
ä»
æ¯ä¸ºäºäº§çç²ä½æ大å·çææ¬è使ç¨æ é¢ãå 为Headingæ ç¾å¯¹SEOæ¯å¾å好çï¼æç´¢å¼æ使ç¨æ é¢ä¸ºæ¨çç½é¡µçç»æåå
容ç¼å¶ç´¢å¼ï¼èä¸ç¨æ·å以éè¿æ é¢æ¥å¿«éæµè§æ¨çç½é¡µï¼æ以ç¨æ é¢æ¥åç°ææ¡£ç»ææ¯å¾éè¦çãåºè¯¥å°
ç¨ä½ä¸»æ é¢ï¼æéè¦çï¼ï¼å
¶åæ¯ ï¼æ¬¡éè¦çï¼ï¼åå
¶æ¬¡æ¯ ï¼ä»¥æ¤ç±»æ¨ã   Â
ä¸å½ä¸
ä¸å½äº
ä¸å½ä¸
ä¸å½å
ä¸å½äº
ä¸å½å
ï¼ä»¥æ¤ç±»æ¨ã   Â
ä¸å½ä¸
ä¸å½äº
ä¸å½ä¸
ä¸å½å
ä¸å½äº
ä¸å½å
ä¸å½ä¸
ä¸å½äº
ä¸å½ä¸
ä¸å½å
ä¸å½äº
ä¸å½å
ãææå¦ä¸å¾ï¼åä½å¤§å°ç±å¤§å°å°ï¼ãã
2.æ¢è¡
ãä¸æ¢è¡
ããå
³äºHTMLä¸çæ¢è¡æ ç¾
åå段æ ç¾
åªæ¯å车ï¼åæ¯å段ãå 为
æ ç¾å±äºå级å
ç´ ï¼å®çååä¼ææ¯è¾å¤§ç空ç½ï¼èªå¨æ·»å
ï¼ï¼è
æ ç¾å±äºè¡çº§å
ç´ ï¼å®åªæ¯ç®åçæ¢è¡ï¼åå没æ空ç½ãæä¸ä¸ªä¸
ç¸å¯¹çæ ç¾
è¿æ¯ç¬¬ä¸æ®µ
ç¨å°äºæ¢è¡æ ç¾
请çææ
å¾å®¹æç解è¿æ¯ç¬¬äºæ®µ
è¿æ¯ç¬¬ä¸æ®µ
int i =0,j=10;
3.水平线æ ç¾
ãã
æ ç¾å¨ HTML 页é¢ä¸å建水平线ã使ç¨æ°´å¹³çº¿ (
æ ç¾) æ¥åéæç« ä¸çå°èæ¯ä¸ä¸ªåæ³ã
æ ç¾å¯ä»¥è®¾ç½®å®½åº¦widthåé«åº¦heightï¼è¿ä¸¤ä¸ªå±æ§ååå«æåç´ åç¾åæ¯ç表示æ¹å¼ãæ¤å¤ï¼
æ ç¾è¿æsizeï¼å度ï¼ãcolorï¼é¢è²ï¼ånoshadeï¼æ é´å½±ï¼çå±æ§ã
4.ææ¬æ ¼å¼åæ ç¾
å客å å± ä¸æ¾ç¤º Helloï¼Worldï¼ç²ä½ï¼æ¨è使ç¨æ ç¾ã æäºå§æä½ã ææ¯ä¸ä¸ªä¸å线æ ç¾å¸¦ä¸å线ã 强è°ï¼æä½ 2ä¸æ ï¼å¦ï¼H2O 2ä¸æ ï¼å¦ï¼102åä½æ ç¾ï¼çº¢è²
5.é¢æ ¼å¼åæ ç¾
ãã
é¢æ ¼å¼åæ ç¾ï¼ä¿æç½é¡µçå 容åæ ·å±ç¤ºãå¯ä»¥ç¨äºæäºç¹æ®å 容çå±ç¤ºï¼ä¹å¯ä»¥ç¨äºæ¾ç¤ºè®¡ç®æºç¼ç¨çæºä»£ç ï¼æ¯å¦å客åçæºä»£ç å°±æ¯éè¿æ ç¾æ¥æ¾ç¤ºçï¼ãpre æ ç¾æ¾ç¤ºæäºç¹æ®çå¸æåæ ·å±ç¤ºçå 容ï¼
ææ¯ä¸ªå¥½å©åï¼ æåæ¬¢ä¸ åååå è¿æ¯ä¸ä¸ªé¢æ ¼å¼åæ ç¾ ____ (. \ \ | \ |___(\--/) __/ ( . . ) "'._. '-.O.' ä½ å¥½ï¼ææ¯ä¸åªå°ç«ï¼ '-. \ "|\ '.,,/'.,, (â_â)ï¼ä½ 说ä»ä¹å¢ï¼ï¼ï¼ï¼pre æ ç¾å¾éåæ¾ç¤ºè®¡ç®æºä»£ç ï¼
for i = 1 to 10 print i next i6.æ ç¾
Âããæ ç¾å¯¹åè¯æµè§å¨ç§»å¨æ¾ç¤ºå ¶ä¸çææ¬åå¾åã
 7.å ¶å®çæ ¼å¼æ ç¾ä¾åã
BBC
wwwå京å¸æµ·æ·åºä¸å ³æ软件å sys@qq.com å¨åèç¹Beyond two or three days ,the world's best forecasts are speculative ,and beyond six or seven they are worthless.
The q lable!!!
å¨åèç¹äºãHTMLå表Â
 Â
HTMLå表:
I.æ åºå表(Unordered List):
.é»è®¤ï¼.ç¨typeå±æ§:
- é¦è
- è¹æ
- æ©å
- é¦è
- è¹æ
- æ©å
3.å±æ§å¼çæ··å使ç¨ï¼èµ·å¼ºè°ä½ç¨ï¼
- é¦è
- è¹æ
- æ©å
II.æåºå表(Ordered List)ï¼
- é¦è
- è¹æ
- æ©å
.é»è®¤ï¼2.使ç¨typeå±æ§ï¼
- 篮ç
- æç
- 足ç
- 篮ç
- æç
- 足ç
3.æ¹åæåºå表项çå导ç¼å·ï¼
- 篮ç
- æç
- 足ç
a.startå±æ§åç¬ä½¿ç¨ï¼III.åµå¥å表(Nested Lists)ï¼b.vlaueå±æ§åç¬ä½¿ç¨:
- 篮ç
- æç
- 足ç
c.startãvalueå±æ§çå ±å使ç¨ï¼
- 篮ç
- æç
- 足ç
- 篮ç
- æç
- 足ç
1.æ åºå表ä¸åµå¥æ åºå表:2.æ åºå表ä¸åµå¥æåºå表:
- 饮æ
- æ°´æ
- é¦è
- è¹æ
- æ©å
- è¬è
- è¶å¶
3.æåºå表ä¸åµå¥æåºå表ï¼
- 饮æ
- æ°´æ
- é¦è
- è¹æ
- æ©å
- è¬è
- è¶å¶
4..æåºå表ä¸åµå¥æ åºå表ï¼
- 饮æ
- æ°´æ
- é¦è
- è¹æ
- æ©å
- è¬è
- è¶å¶
5.å表çå¤çº§åµå¥ï¼
- 饮æ
- æ°´æ
- é¦è
- è¹æ
- æ©å
- è¬è
- è¶å¶
IV.å®ä¹å表ï¼
- 饮æ
- æ°´æ
- é¦è
- è¹æ
- 产èªå·´è¥¿
- 产èªä¸å½
- æ©å
- è¬è
- è¶å¶
1.å®ä¹å表ï¼
- å京
- ä¸å½çæ¿æ²»ä¸å¿
- ä¸æµ·
- ä¸å½çç»æµä¸å¿
- æ·±å³
- ä¸å½æ¹é©å¼æ¾çå沿åå¸
ããå¾å¤æ ç¾é½å¯ä»¥ç¨æ¥æ¹åææ¬çå¤è§ï¼å¹¶ä¸ºææ¬å ³èå ¶éèçå«ä¹ãæ»å°æ¥è¯´ï¼è¿äºæ ç¾å¯ä»¥åæ两类ï¼åºäºå 容çæ ·å¼ï¼content-based styleï¼åç©çæ ·å¼ï¼physical styleï¼ã
1.åºäºå 容çæ ·å¼ï¼content-based styleï¼
ããåºäºå 容çæ ·å¼æ ç¾ä¼åè¯æµè§å¨å®æå å«çææ¬å ·æç¹å®çå«ä¹ãä¸ä¸ææè ç¨æ³ãç¶åæµè§å¨å°±ä¼æä¸è¯¥å«ä¹ãä¸ä¸ææè ç¨æ³ä¸è´çæ ¼å¼åºç¨å¨ææ¬ä¸ã注æï¼åºäºå 容çæ ç¾èµäºå«ä¹ï¼èä¸æ¯æ ¼å¼åãå æ¤ï¼å®ä»¬å¯¹äºèªå¨å¤çæ¥è¯´é常éè¦ï¼è®¡ç®æºå¹¶ä¸å ³å¿ææ¡£çå¤è§å¦ä½ã
Âããå 为åä½æ ·å¼æ¯éè¿è¯ä¹çº¿ç´¢æ¥æå®çï¼å æ¤æµè§å¨å¯ä»¥ä¸ºç¨æ·éæ©ä¸ç§åéçæ¾ç¤ºæ ·å¼ãç±äºä¸åå°ç¹çæ ·å¼åç§åæ ·ï¼æ以使ç¨åºäºå 容çæ ·å¼å¯ä»¥å¸®å©ä½ ç¡®ä¿èªå·±çæ档对广大èå´ç读è æ¥è¯´é½æ¯ææä¹çãè¿ä¸ç¹å¨ä¸é¨ä¾é£äºç²äººåæ®ç¾äººæ使ç¨çæµè§å¨ä¸æ¾å¾å°¤å ¶éè¦ï¼å 为ä»ä»¬çæ¾ç¤ºé项å¯è½åæä»¬ä¼ ç»çææ¬æ ¹æ¬ä¸åï¼æè å¨ææ¹é¢å ·æé常大çå±éæ§ãÂ
Âããå½åç HTML å XHTML æ å并没æ为æ¯ä¸ä¸ªåºäºå 容çæ ç¾é½å®ä¹ä¸ç§æ ¼å¼ï¼å®ä»¬ä» ä» è§å®å¿ é¡»ç¨ä¸ææ¡£ä¸æ®éææ¬ä¸åçæ¹å¼æ¥æ¾ç¤ºåºäºå 容çæ ·å¼ãæ åçè³æ²¡æè¦æ±è¿äºåºäºå 容çæ ·å¼å½¼æ¤ä¹é´é½è¦ç¨ä¸åçæ¹å¼æ¾ç¤ºãå¨å®é åºç¨ä¸ï¼ä½ å¯è½ä¼åç°å¾å¤è¿æ ·çæ ç¾åä¼ ç»çå°å·æçé常ææ¾çå ³ç³»ï¼å®ä»¬æçç¸ä¼¼çå«ä¹åæ¾ç¤ºæ ·å¼ï¼èä¸å¨å¤æ°æµè§å¨ä¸é½ä»¥ç¸åçæ ·å¼ååä½æ¥æ¾ç¤ºã
ããä½¿ç¨ HTML/XHTML åºäºå 容çæ ·å¼æ ç¾æ¶è¦éµä»ä¸äºè§åï¼å ä¸ºä» ä» æ¯ç®åå°æ³æ³ææ¬è¯¥å¦ä½æ¾ç¤ºï¼èä¸å¿ ç¥éè¿äºææ¬çå«ä¹æ¯ä»ä¹ï¼æ¯åå容æçãä¸æ¦ä½ å¼å§ä½¿ç¨åºäºå 容çæ ·å¼ä¹åï¼ææ¡£å°ä¼æ´å ä¸è´ï¼èä¸å¯ä»¥æ´å¥½å°å¸®å©æ§è¡èªå¨æç´¢åå 容ç¼è¾ãè¿äºæ ç¾æ¯ï¼Â
Â
Â2.ç©çæ ·å¼ï¼physical styleï¼
Âããå¨è®¨è®ºåºäºå 容çæ ·å¼æ ç¾æ¶ï¼æ们ç»å¸¸ç¨å°âæå¾âè¿ä¸ªè¯ãè¿æ¯å 为ç±æ ç¾ä¼ è¾¾çå«ä¹æ¯æµè§å¨æ¾ç¤ºææ¬çæ¹å¼æ´ä¸ºéè¦ãç¶èï¼å¨æäºæ åµä¸ï¼å¯è½æ¯åºäºåæ³æ§æè çæçæ¹é¢çåå çèèï¼ä½ å¸æææ¬ä»¥æç§ç¹æ®çæ¹å¼æ¥æ¾ç¤ºï¼ä¾å¦æä½æå ç²ï¼ãå¨è¿ç§æ åµä¸ï¼å°±å¯ä»¥å¯¹ææ¬ä½¿ç¨ç©çæ ·å¼ã
Âããè½ç¶å ¶ä»æåå¤çç³»ç»çè¶å¿æ¯ç²¾ç¡®å°æ§å¶æ ·å¼åå¤è§ï¼ä½æ¯å¨ä½¿ç¨ HTML æ XHTML æ¶ï¼é¤éæå°æ åµä¸ï¼é½åºè¯¥é¿å 使ç¨ç©çæ ç¾ãåºå½å°½å¯è½å°åæµè§å¨æä¾ä¸ä¸æä¿¡æ¯ï¼å¹¶ä½¿ç¨åºäºå 容çæ ·å¼ã尽管ç°å¨æµè§å¨ä¸è¿æ¯ä»¥æä½æè ç²ä½åæ¥æ¾ç¤ºè¿äºææ¬ï¼ä½æ¯å°æ¥çæµè§å¨ååç§ææ¡£çæå·¥å ·å¯è½ä¼ä»¥é常æå建çæ¹å¼æ¥å©ç¨è¿äºåºäºå 容çæ ·å¼ã
Âããå½åç HTML/XHTML æ åä¸å ±æä¾äº 9 ç§ç©çæ ·å¼ï¼å æ¬ç²ä½ï¼boldï¼ãæä½ï¼italicï¼ãç宽ï¼monospacedï¼ãä¸å线ï¼underlinedï¼ãå é¤çº¿ï¼strikethroughï¼ãæ¾å¤§ï¼largerï¼ã缩å°ï¼smallerï¼ãä¸æ ï¼superscriptedï¼åä¸æ ï¼subscriptedï¼ææ¬ãè¿äºæ ç¾æ¯ï¼
以ä¸æè¿°æ¯ç±ç«ææ¯é¢éå°ç¼ç»å¤§å®¶ä»ç»ç为大家æ´ççHTML常ç¨æ ¼å¼æ ç¾ï¼å¸æ对大家ææ帮å©ï¼å¨æ¤é常æ谢大家对ç±ç«ææ¯é¢éç½ç«çæ¯æï¼