trong>ä¸ãhtmlæ¦è¿°
htyper text markup language å³è¶ ææ¬æ è®°è¯è¨
è¶ ææ¬: å°±æ¯æ页é¢å å¯ä»¥å å«å¾çãé¾æ¥ï¼çè³é³ä¹ãç¨åºçéæåå ç´ ã
æ è®°è¯è¨: æ è®°ï¼æ ç¾ï¼ææçè¯è¨.
ç½é¡µ==HTMLææ¡£ï¼ç±æµè§å¨è§£æï¼ç¨æ¥å±ç¤ºç
éæç½é¡µï¼éæçèµæºï¼å¦xxx.html
å¨æç½é¡µï¼html代ç æ¯ç±æç§å¼åè¯è¨æ ¹æ®ç¨æ·è¯·æ±å¨æçæç
以ä¸ä¸ºhtmlæ件çæ å½¢ç»æå¾
Â
æ ç¾çæ¦å¿µï¼
â¢æ¯ç±ä¸å¯¹å°æ¬å·å 裹çåè¯ææ ä¾å¦: *æææ ç¾ä¸çåè¯ä¸å¯è½ä»¥æ°åå¼å¤´.
â¢æ ç¾ä¸åºå大å°å. å . æ¨è使ç¨å°å.
â¢æ ç¾å为两é¨å: å¼å§æ ç¾ å ç»ææ ç¾. 两个æ ç¾ä¹é´çé¨å æ们å«åæ ç¾ä½.
â¢æäºæ ç¾åè½æ¯è¾ç®å.使ç¨ä¸ä¸ªæ ç¾å³å¯.è¿ç§æ ç¾å«åèªéåæ ç¾.ä¾å¦:
â¢æ ç¾å¯ä»¥åµå¥.ä½æ¯ä¸è½äº¤ååµå¥.
æ ç¾çå±æ§ï¼ãã
â¢é常æ¯ä»¥é®å¼å¯¹å½¢å¼åºç°ç. ä¾å¦ name=”alex”
â¢å±æ§åªè½åºç°å¨å¼å§æ ç¾ æ èªéåæ ç¾ä¸.
â¢å±æ§ååå ¨é¨å°å. *å±æ§å¼å¿ 须使ç¨åå¼å·æåå¼å·å 裹 ä¾å¦ name=”alex”
â¢å¦æå±æ§å¼åå±æ§åå®å ¨ä¸æ ·.ç´æ¥åå±æ§åå³å¯. ä¾å¦ readonly
äºãhead主è¦æ ç¾ä»ç»
â¢
metaæ ç¾çç»æï¼metaæ ç¾å
±æ两个å±æ§ï¼å®ä»¬åå«æ¯http-equivå±æ§åname å±æ§ï¼ä¸åçå±æ§åæä¸åçåæ°å¼ï¼è¿äºä¸åçåæ°å¼å°±å®ç°äºä¸åçç½é¡µ åè½ã
Â
1 nameå±æ§ä¸»è¦ç¨äºæè¿°ç½é¡µï¼ä¸ä¹å¯¹åºçå±æ§å¼ä¸ºcontentï¼contentä¸çå
容 主è¦æ¯ä¾¿äºæç´¢å¼ææºå¨äººæ¥æ¾ä¿¡æ¯åå类信æ¯ç¨çã
Â
2 http-equiv顾åæä¹ï¼ç¸å½äºhttpçæ件头ä½ç¨ï¼å®å¯ä»¥åæµè§å¨ä¼ åä¸äºæ ç¨çä¿¡æ¯ï¼ä»¥å¸®å©æ£ç¡®å精确å°æ¾ç¤ºç½é¡µå 容ï¼ä¸ä¹å¯¹åºçå±æ§å¼ä¸ºcontentï¼ content     ä¸çå å®¹å ¶å®å°±æ¯å个åæ°çåéå¼ã
â¢
â¢
Â
ä¸ãbodyæ ç¾
Â
åºæ¬æ ç¾ï¼
: nçåå¼èå´æ¯1~6; ä»å¤§å°å°. ç¨æ¥è¡¨ç¤ºæ é¢.
: 段è½æ ç¾. å 裹çå 容被æ¢è¡.并ä¸ä¹ä¸ä¸å 容ä¹é´æä¸è¡ç©ºç½.
: å ç²æ ç¾.
: 为æåå ä¸ä¸æ¡ä¸çº¿.
: æååææä½.
Â
å: ä¸è§æ å ä¸è§è¡¨.
:æ¢è¡.
:水平线
Â
å级æ ç¾åå èæ ç¾
å级æ ç¾ï¼
å èæ ç¾ï¼
blockï¼åï¼å ç´ çç¹ç¹
â æ»æ¯å¨æ°è¡ä¸å¼å§ï¼
â¡ é«åº¦ï¼è¡é«ä»¥åå¤è¾¹è·åå è¾¹è·é½å¯æ§å¶ï¼
⢠宽度缺çæ¯å®ç容å¨ç100%ï¼é¤é设å®ä¸ä¸ªå®½åº¦ã
⣠å®å¯ä»¥å®¹çº³å èå ç´ åå ¶ä»åå ç´
inlineå ç´ çç¹ç¹
â åå ¶ä»å ç´ é½å¨ä¸è¡ä¸ï¼
â¡ é«ï¼è¡é«åå¤è¾¹è·åå è¾¹è·ä¸å¯æ¹åï¼
⢠宽度就æ¯å®çæåæå¾çç宽度ï¼ä¸å¯æ¹å
⣠å èå ç´ åªè½å®¹çº³ææ¬æè å ¶ä»å èå ç´
对è¡å å ç´ ï¼éè¦æ³¨æå¦ä¸
设置宽度width æ æã
设置é«åº¦height æ æï¼å¯ä»¥éè¿line-heightæ¥è®¾ç½®ã
设置margin åªæå·¦å³marginææï¼ä¸ä¸æ æã
设置padding åªæå·¦å³paddingææï¼ä¸ä¸åæ æã注æå ç´ èå´æ¯å¢å¤§äºï¼ä½æ¯å¯¹å ç´ å¨å´çå 容æ¯æ²¡å½±åçã
ç¹æ®å符ï¼
å¾å½¢æ ç¾ï¼
src: è¦æ¾ç¤ºå¾ççè·¯å¾.
alt: å¾ç没æå è½½æåæ¶çæ示.
title: é¼ æ æ¬æµ®æ¶çæ示信æ¯.
width: å¾çç宽
height:å¾ççé« (宽é«ä¸¤ä¸ªå±æ§åªç¨ä¸ä¸ªä¼èªå¨çæ¯ç¼©æ¾.)
è¶ é¾æ¥æ ç¾:ã
href:è¦è¿æ¥çèµæºè·¯å¾
target: _blank : å¨æ°ççªå£æå¼è¶ é¾æ¥. æ¡æ¶å称: å¨æå®æ¡æ¶ä¸æå¼è¿æ¥å 容.
name: å®ä¹ä¸ä¸ªé¡µé¢ç书ç¾.
ç¨äºè·³è½¬ href : #书ç¾å称.
å表æ ç¾:
    Â
    Â
    Â
è¡¨æ ¼æ ç¾
border: è¡¨æ ¼è¾¹æ¡.
cellpadding: å è¾¹è·
cellspacing: å¤è¾¹è·.
width: åç´ ç¾åæ¯.ï¼æ好éè¿cssæ¥è®¾ç½®é¿å®½ï¼
       Â
表åæ ç¾
表åç¨äºåæå¡å¨ä¼ è¾æ°æ®ã
表åè½å¤å å« input å ç´ ï¼æ¯å¦ææ¬å段ãå¤éæ¡ãåéæ¡ãæ交æé®ççã
表åè¿å¯ä»¥å å«textareaãselectãfieldsetå label å ç´ ã
1ã表åçå±æ§
HTML 表åç¨äºæ¥æ¶ä¸åç±»åçç¨æ·è¾å ¥ï¼ç¨æ·æ交表åæ¶åæå¡å¨ä¼ è¾æ°æ®ï¼ä»èå®ç°ç¨æ·ä¸Webæå¡å¨ç交äºã表åæ ç¾, è¦æ交çææå 容é½åºè¯¥å¨è¯¥æ ç¾ä¸.
action: 表åæ交å°åª. ä¸è¬æåæå¡å¨ç«¯ä¸ä¸ªç¨åº,ç¨åºæ¥æ¶å°è¡¨åæ交è¿æ¥çæ°æ®ï¼å³è¡¨åå ç´ å¼ï¼ä½ç¸åºå¤çï¼æ¯å¦https://www.sogou.com/web
method: 表åçæ交æ¹å¼ post/get é»è®¤åå¼ å°±æ¯ getï¼ä¿¡å°ï¼
get: 1.æ交çé®å¼å¯¹.æ¾å¨å°åæ ä¸urlåé¢. 2.å®å ¨æ§ç¸å¯¹è¾å·®. 3.对æ交å 容çé¿åº¦æéå¶.
post:1.æ交çé®å¼å¯¹ ä¸å¨å°åæ . 2.å®å ¨æ§ç¸å¯¹è¾é«. 3.对æ交å 容çé¿åº¦ç论ä¸æ éå¶.
get/postæ¯å¸¸è§ç两ç§è¯·æ±æ¹å¼.
2.表åå ç´
   Â
type:Â Â Â Â
text ææ¬è¾å
¥æ¡
password å¯ç è¾å ¥æ¡
radio åéæ¡
checkbox å¤éæ¡Â
submit æ交æé®Â          Â
button æé®(éè¦é åjs使ç¨.) buttonåsubmitçåºå«ï¼
file æ交æ件ï¼form表åéè¦å ä¸å±æ§enctype=”multipart/form-data”
def index(request):
print request.POST
print request.GET
print request.FILES
for item in request.FILES:
fileObj = request.FILES.get(item)
f = open(fileObj.name, 'wb')
iter_file = fileObj.chunks()
for line in iter_file:
f.write(line)
f.close()
return HttpResponse('ok')ãã
name: 表åæ交项çé®.注æåidå±æ§çåºå«ï¼nameå±æ§æ¯åæå¡å¨éä¿¡æ¶ä½¿ç¨çå称ï¼èidå±æ§æ¯æµè§å¨ç«¯ä½¿ç¨çå称ï¼è¯¥å±æ§ä¸»è¦æ¯ä¸ºäºæ¹ä¾¿å®¢æ·ç«¯ç¼ç¨ï¼èå¨
cssåjavascriptä¸ä½¿ç¨çã
value: 表åæ交项çå¼.对äºä¸åçè¾å ¥ç±»åï¼value å±æ§çç¨æ³ä¹ä¸åï¼
type=”button”, “reset”, “submit” – å®ä¹æé®ä¸çæ¾ç¤ºçææ¬
type=”text”, “password”, “hidden” – å®ä¹è¾å ¥å段çåå§å¼
type=”checkbox”, “radio”, “image” – å®ä¹ä¸è¾å ¥ç¸å ³èçå¼
checked: radio å checkbox é»è®¤è¢«éä¸
readonly: åªè¯». text å password
disabled: 对æç¨inputé½å¥½ä½¿.
ä¸æéæ ç¾å±æ§ï¼
name:表åæ交项çé®.
sizeï¼é项个æ°
multipleï¼multiple
ä¸æéä¸çæ¯ä¸é¡¹ å±æ§ï¼value:表åæ交项çå¼.  selected: selectedä¸æéé»è®¤è¢«éä¸
为æ¯ä¸é¡¹å ä¸åç»
   Â
   Â
: table head cell
        |
: table data cell
rowspan: åå æ ¼ç«è·¨å¤å°è¡ colspan: åå æ ¼æ¨ªè·¨å¤å°åï¼å³å并åå æ ¼ï¼
|
: table header |
---|