網(wǎng)頁設(shè)計(jì)制作word版(參考版)
2025-01-21 14:53本頁面
【正文】 格式：input type=”option” name=”text” value=”value1” size=”value2” maxlength=”value3” 其中type屬性是輸入元素的類型，取值可以是text（文本框）、password（口令框）、radio（單選按鈕）、checkbox（復(fù)選框）、submit（提交表單按鈕）、reset（重置或初始化表單按鈕）、button（按鈕）、image（圖片）、hidden（隱藏域）? Name屬性是輸入元素的名稱? Value屬性是此輸入框的默認(rèn)值? Size屬性指定輸入框的寬度，表示可以顯示多少個字符或數(shù)字? Maxlength屬性指定輸入框中最多可以輸入多少個字符或數(shù)字三、下拉框select… /select? 下拉框以select開始，以/select結(jié)束，使用option定義其中的每個選項(xiàng)， /option可以省略。 一、表單的基本格式form name=”text” action=”url” method=”optiom” target=”text”……/form? 一個網(wǎng)頁中可以包含多個表單，不同表單使用name屬性區(qū)分? Action屬性用來指定表單的處理方式? Method屬性用來指定表單的傳送方式取值為”get”或”post”? Target屬性指定那個框架窗口接受處理后的輸出信息。? 它使HTML文檔能夠接受用戶的輸入信息并能夠?qū)τ脩糨斎氲男畔⑦M(jìn)行反饋，提供了與用戶交互的可能。例15：嵌入式框架html head title HTML實(shí)例/title /head body bgcolor=9999FF iframe src= name=other width=413 height=239/iframe p align=left一些老的瀏覽器不能顯示嵌入式框架。嵌入式框架就像普通網(wǎng)頁中的一個表格或一幅圖片。a href=”url” target=”frame_name”? 指定當(dāng)前網(wǎng)頁中所有超鏈接的目標(biāo)框架，可在head標(biāo)記中設(shè)定。四、框架嵌套例13：htmlheadtitleHTML實(shí)例/title/headframeset rows=64,* frame name=banner scrolling=no noresize target=contents src= frameset cols=150,* frame name=contents src= frame name=main src= /frameset/frameset/html顯示結(jié)果五、超鏈接的目標(biāo)框架? 框架集中框架命名使用name屬性。html head titleHTML實(shí)例/title、 /head frameset 框架定義 /frameset/html二、拆分框架使用frameset標(biāo)記中的rows按行拆分框架，使用cols屬性按列拆分框架。如：caption align=”top”標(biāo)題文字/ caption 二、表格屬性Cellspacing:定義單元格間距Cellpadding：定義單元格邊距Align：定義整個表格的對齊方式Border：定義表格邊框粗細(xì)（單位是像素）Bordercolor：邊框顏色（bordercolordrak，bordercolorlight）Frame：表格外框樣式 Rules：表格內(nèi)框樣式Width：表格單元格寬度Height：表格單元格高度Bgcolor：表格、行、單元格的背景色三、表格中單元格合并? 跨列合并格式：td colspan=”value”Value為要合并的列數(shù)? 跨行合并格式：td rowspan=”value”Value為要合并的行數(shù)例12：單元格合并/tablebrtable border=1 width=300 bordercolor=blue cellspacing=0 caption align=top表格合并后/caption tr td width=33%1/td td width=67% colspan=22/td /tr tr td width=33% rowspan=23/td td width=33%4/td td width=34%5/td /tr tr td width=33%6/td td width=34%7/td /tr/table顯示結(jié)果 框架? 框架是一種特殊的HTML網(wǎng)頁，是在同一瀏覽器窗口中顯示多個相互隔離的HTML頁面的結(jié)構(gòu)，每個區(qū)域顯示一個HTML文件，框架網(wǎng)頁本身不包含任何可見內(nèi)容，它只用來指定要顯示的其他網(wǎng)頁及其顯示方式。在一元復(fù)始、大地回春的/p七、鏈接指向另一網(wǎng)頁的某書簽a href=”achorname1” /a 表格? 表格將文本與圖片按行、列來排列，使得頁面更規(guī)則、更整齊，并使條目更清晰一、表格基本結(jié)構(gòu)表格標(biāo)記table…/table格式如下：table tr td第一行第一單元格/td td第一行第二單元格/td td第一行第三單元格/td /tr tr td第二行第一單元格/td td第二行第二單元格/td td第二行第三單元格/td /tr/table 表格標(biāo)題兩種方法可以為表格添加標(biāo)題使用th標(biāo)記取代td標(biāo)記， th單元格中的內(nèi)容會以粗體居中格式顯示。正月為元月，古人稱夜為“宵”，而正月十五又是一年中第一個月圓之夜，所以稱正月十五為元宵節(jié)。nbsp。nbsp。nbsp。nbsp。例如： a href=”/”主頁/abr a href=”/sub1/sub11/sub111/” p111/abr a href=”/sub2/”p2/abr二、鏈接到當(dāng)前網(wǎng)站中的網(wǎng)頁a href=””上一頁/a三、鏈接到萬維網(wǎng)中的一個對象a href=””微軟/aa href=””黑龍江中醫(yī)藥大學(xué)/a四、鏈接指向一個電子郵件地址a href=”mailto：abc”聯(lián)系我/a五、設(shè)置圖片為超鏈接a href=”” img border=”0” src=”” width=”65” height=”38”/a六、鏈接指向當(dāng)前網(wǎng)頁的某書簽 如果一個網(wǎng)頁很長，我們可以在網(wǎng)頁開始處建立一個索引，以便瀏覽者快速找到想要瀏覽的內(nèi)容?；虺休d有多個不同站點(diǎn)的服務(wù)器。? 要鏈接的目標(biāo)文件位于父文件夾中，應(yīng)在文件名前添加”../”例如： a href=”../../”主頁/abr a href=”sub111/”p111/a br a href=”../../sub2/”p2/a br站點(diǎn)根目錄相對路徑：提供從站點(diǎn)的根文件夾到文檔的路徑。使用相對路徑時，通常有以下幾種情況：? 要鏈接的目標(biāo)文件與當(dāng)前文檔位于同一文件夾中，只需輸入文件名即可。這樣即使站點(diǎn)內(nèi)的根目錄發(fā)生改變，相對路徑地址也不會受到任何影響。絕對路徑：給出所鏈接文檔的完整URL,包括訪問該文檔所使用的協(xié)議。Target屬性用于設(shè)定鏈接目標(biāo)在那個窗口顯示。 top：文本與圖片在頂部對齊 middle：文本與圖片在中央對齊 bottom：文本與圖片在底部對齊 left：圖片居左，文本在圖片的右邊 right：圖片居右，文本在圖片的左邊? Vspace屬性指定圖像與文本之間的垂直間隔 Hspace屬性指定圖像與文本之間的水平間隔? Border屬性指定圖像邊框的粗細(xì)例10：網(wǎng)頁中插入圖片body p動態(tài)圖片：img src=width=144 height=50 /p p圖片：img src=width=48 height=48 /p p注意：插入動態(tài)圖片和普通圖片的方法完全相同 /p/body顯示結(jié)果 超鏈接? a和/a標(biāo)記之間的內(nèi)容為鏈源，即為網(wǎng)頁上的超鏈接。? Longdesc屬性指定圖片的說明文件。屬性：? scr用于指定圖像源 img scr=”圖像文件名”? Height、width屬性用于指定圖像的高度和寬度。PNG ：流式網(wǎng)絡(luò)圖形格式，目前很少應(yīng)用。 二、網(wǎng)頁中的圖像格式? 能在網(wǎng)頁上不加插件直接顯示的圖像格式有GIF、JPG和PNGGIF：圖像顏色數(shù)為256色，適合用來制作 顏色要求不高的場合，如插圖、剪貼畫等。? 十六進(jìn)制的三基色飽和值表示法，如”ff0000”為紅色， ”000000”為黑色? 十進(jìn)制的三基色飽和度表示法， 如RGB（0，255，0）表示綠色。格式： ul type=”序號
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1