[互聯(lián)網(wǎng)]html語(yǔ)言速成(編輯修改稿)
2024-11-14 22:02 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 size=5渭南師范學(xué)院 /font font size=4渭南師范學(xué)院 /font font size=3渭南師范學(xué)院 /font font size=2渭南師范學(xué)院 /font font size=1渭南師范學(xué)院 /font /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 19 2021/11/10 4 修飾網(wǎng)頁(yè) ? 標(biāo)題大小 ? 在 HTML語(yǔ)言中提供六級(jí)標(biāo)題字體格式，分別由 H1~H6表示，其格式為 : H標(biāo)題內(nèi)容 /H =1,2,3,4,5,6 ? 例如 HTML HEAD TITLE標(biāo)題大小 /TITLE /HEAD BODY H6渭南師范學(xué)院 /H6BR H5渭南師范學(xué)院 /H5BR H4渭南師范學(xué)院 /H4BR H3渭南師范學(xué)院 /H3BR H2渭南師范學(xué)院 /H2BR H1渭南師范學(xué)院 /H1BR /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 20 2021/11/10 5 處理圖片 ? 插入圖片 ?插入圖片使用 IMG標(biāo)記，其格式為： IMG SRC=―圖片文件名或圖片的 URL‖ ?例如： HTML HEAD TITLE網(wǎng)頁(yè)中插入圖片 /TITLE /HEAD BODY IMG SRC=“” /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 21 2021/11/10 5 處理圖片 ? 改變圖片大小 ?其格式為： IMG SRC=―圖片的 URL‖ HEIGHT=高度 WIDTH=寬度 ?例如： HTML HEAD TITLE改變圖片大小 /TITLE /HEAD BODY IMG SRC=“” height=100 width=150 /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 22 2021/11/10 5 處理圖片 ? 圖文混排 ? IMG ALIGN=TOP將圖片放置在網(wǎng)頁(yè)文字的上方 ? IMG ALIGN=LEFT將圖片放置在網(wǎng)頁(yè)文字的左側(cè) ? IMG ALIGN=MIDDLE將圖片放置在網(wǎng)頁(yè)文字的中間 ? IMG ALIGN=RIGHT將圖片放置在網(wǎng)頁(yè)文字的右側(cè) ? IMG ALIGN=BOTTOM將圖片放置在網(wǎng)頁(yè)文字的底端 ? 例如： HTML HEAD TITLE圖文混排 /TITLE /HEAD BODY IMG SRC= height=100 width=150 align=left PRE 北京大學(xué)創(chuàng)于 1898年，初名京師大學(xué)堂，是第一所國(guó)立綜合性大 學(xué)，也是當(dāng)時(shí)中國(guó)的最高教育行政機(jī)關(guān)。辛亥革命后，于 1912年改名。 /PRE /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 23 2021/11/10 6 表格 ? 在 HTML中表格出現(xiàn)在 body標(biāo)記的部分，由 table和/table標(biāo)記表格的開始和結(jié)束。表格的邊框粗細(xì)用選項(xiàng)“ border‖來(lái)規(guī)定。其基本格式為： table border= =0,1,2,3… 表格內(nèi)容 /table 當(dāng) border=0時(shí)則瀏覽器將不顯示表格的邊框。 ? 在表格中： ?用 tr和 /tr標(biāo)記表格中一行的開始和結(jié)束； ?用 td和 /td標(biāo)記表格中一列的開始和結(jié)束； ?用 th和 /th標(biāo)記表格中表頭開始和結(jié)束。 海南大學(xué)信息學(xué)院 黎才茂 24 2021/11/10 基本表格示例 HTML HEAD TITLE基本表格 /TITLE /HEAD BODY table border=2 tr th姓名 /th th工作單位 /th th聯(lián)系電話 /th /tr tr td張三 /td td渭南師范學(xué)院 /td td6626068/td /tr tr td李四 /td td渭南師范學(xué)院 /td td6626053/td /tr /table /BODY /HTML 海南大學(xué)信息學(xué)院 黎才茂 25 2021/11/10 6 表格 ? 表格標(biāo)記的相關(guān)屬性： ?表格的尺寸設(shè)置 : table border= width= height= 其中 可以是以象素點(diǎn)為單位的定義方式，也可以用屏幕寬度的百分比來(lái)定義。 ?表格的單元間隙設(shè)置： table border= cellspacing= ?表格內(nèi)部單元邊緣于單元內(nèi)容之間的空白設(shè)置： table border= cellpadding= 海南大學(xué)信息學(xué)院 黎才茂 26 2021/11/10 6 表格 ?表格內(nèi)文字的對(duì)齊 /布局設(shè)置： ?水平方向?qū)R /布局 tr align= =left, center, right th ali
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1