Java Web開發(fā)PPT1第2章 HTML基礎(chǔ)_第1頁
Java Web開發(fā)PPT1第2章 HTML基礎(chǔ)_第2頁
Java Web開發(fā)PPT1第2章 HTML基礎(chǔ)_第3頁
Java Web開發(fā)PPT1第2章 HTML基礎(chǔ)_第4頁
Java Web開發(fā)PPT1第2章 HTML基礎(chǔ)_第5頁
已閱讀5頁，還剩22頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

簡介HTML（HyperTextMark-upLanguage，超文本標記語言）是用來描述網(wǎng)頁的一種標記語言，它由一套預(yù)先定義好的標記標簽所組成。當瀏覽器解析網(wǎng)頁時，會根據(jù)標簽的不同含義，呈現(xiàn)出不同的效果。2023/11/18<!—例2-1.html--><!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>第一個HTML案例</title></head><body><b>字體加粗</b>

</body></html>圖2-1：字體加粗頁面開發(fā)工具IntelliJIDEA2023/11/18網(wǎng)頁的基本結(jié)構(gòu)HTML的基本結(jié)構(gòu)可以分成三個部分，分別為聲明部分，頭部和主題部分HTML5為例：<!DOCTYPEhtml>是關(guān)于文檔類型的聲明，用于約束HTML5文檔結(jié)構(gòu)，同時告訴瀏覽器，使用哪種規(guī)范來解析此文檔中的代碼，各個版本的HTML聲明部分會有所不同。2023/11/18頭部

以<head>開始，</head>結(jié)束

其中<title>標簽用于描述網(wǎng)頁的標題<meta>標簽描述的內(nèi)容并不顯示，它主要用于描述網(wǎng)頁內(nèi)容類型、字符編碼信息、搜索關(guān)鍵字等。主體部分

包含在<body></body>之間的內(nèi)容為網(wǎng)頁的主體部分，所有要在頁面上顯示的內(nèi)容都要此標簽內(nèi)編寫。是學(xué)習(xí)HTML的核心所在大小寫不敏感！2023/11/18標簽格式

雙標記2023/11/18標簽格式（續(xù)）

單標記2023/11/18帶屬性的標記

屬性值用雙引號或單引號括起

屬性值自身帶引號，則外雙內(nèi)單2023/11/18HTML常見標簽2023/11/188基本標簽標題、段落、水平線、換行、字體、特殊符號和注釋2023/11/18標題標題的一般形式為<hn>內(nèi)容</hn>，其中n的取值可以為1~6中的整數(shù)2023/11/18<!—例2-3.html--><body><h1>n=1</h1><h2>n=2</h2><h3>n=3</h3><h4>n=4</h4><h5>n=5</h5><h6>n=6</h6></body>段落和換行段落通過<p>標簽來定義，換行通過<br>標簽來定義2023/11/18<!—例2-4.html--><body><p>白日依山盡，黃河入海流。</p><p>欲窮千里目，更上一層樓。</p><p>

白日依山盡，黃河入海流。<br>欲窮千里目，更上一層樓。<br></p>

</body>圖2-11：段落和換行水平線和字體水平線標簽<hr>，常見的設(shè)置字體風(fēng)格的標簽有<b>,<u>,<i>,<sup>,<sub>等，分別表示粗體，下劃線，斜體，上標和下標。2023/11/18<!—例2-5.html--><body><h3>字體格式</h3><hr><p><b>我愛</b>北京<u>天安門</u>，<br><i>天安門</i>上太陽升。<br>x<sup>2</sup>+x+D<sub>n</sub>=0</p></body>

圖2-12水平線和字體特殊符號和注釋諸如大于號（>），小于號（<）等已作為HTML的語法符號，因此需要使用字符實體來表示此類特殊符號<!--注釋內(nèi)容-->IDEA中快捷鍵“Ctrl+Shift+/”2023/11/18特殊符號字符實體空格

大于號（>）>小于號（<）<引號（"）"版權(quán)符號©<!—例2-6.html--><body>Copyright©2019HuaWeiInc. <br>reservedallrights.<br><京ICP備10022233>"China"<br></body>

圖2-13特殊字符圖片標簽<imgsrc=”路徑”alt=”替代文本”title=”鼠標懸停提示文字”width=”寬度”height=”高度”/>

src屬性表示圖片路徑（絕對和相對路徑）絕對路徑通常用來表示資源的完整URL地址相對路徑表示相對于當前頁面的路徑，可以不是一個完整的URL地址

當前目錄可以用“.”表示，也可以省略不寫

“..”表示返回當前目錄的上級目錄2023/11/18超鏈接<ahref-“鏈接地址”target=”目標窗口位置”>超鏈接內(nèi)容</a>

href：表示鏈接地址的路徑，同<img>標簽的src屬性類似，該路徑可分為絕對路徑和相對路徑。target：表示鏈接頁面在瀏覽器哪個窗口打開，常用的取值有_self表示在當前窗口打開鏈接頁面、_blank表示在新建窗口打開鏈接頁面例2-8.html2023/11/18超鏈接（續(xù)）錨鏈接

定位到頁面內(nèi)的某一個具體位置

1）在頁面的目標位置設(shè)置標記，該標記也稱為錨點，語法為： <aname=”marker”>目標位置</a>name屬性用于規(guī)定錨的名稱，此處錨點名稱為”marker”.2）在頁面的源位置設(shè)置超鏈接，語法為：<ahref=”#marker”>源位置</a>2023/11/18列表有序列表

<ol>標記，每一個列表項前使用<li>標記，每一個項目都有前后順序之分無序列表

無序列表使用<ul>標記，每一個列表項前使用<li>標記，編號類型默認使用粗體圓點定義列表

定義列表默認沒有任何編號，一般用于有多個標題并且每個標題下有一個或多個列表項的情況，<dl>標簽作為列表的開始，使用<dt>標簽作為每個列表項的起始標記，使用<dd>標簽來定義每個列表項例2-9~11.html2023/11/182023/11/18表格<table>標簽定義，表格中的行由<tr>標簽定義，每一行的單元格由<td>標簽來定義。表格的標題定義在<th>標簽內(nèi)，其中文字會自動變成粗體。border屬性跨行和跨列

合并單元格需要對<td>標簽中的rowspan或colspan屬性進行設(shè)置

從當前單元格起，跨行或者跨列所占用單元格的數(shù)量

跨行合并后，被合并行的相應(yīng)單元格無需定義2-13.htm2023/11/182023/11/182023/11/18表單網(wǎng)頁中可以讓用戶在一些控件如文本框、密碼框中輸入內(nèi)容，然后提交。這些控件所在的區(qū)域稱之為表單（Form）使用<form>標簽來創(chuàng)建表單，該標簽只在網(wǎng)頁中創(chuàng)建表單區(qū)域，表單元素需要放在它的范圍內(nèi)才有效action和method屬性（服務(wù)端編程中詳細講解）<input>標簽是編寫表單的最常用表單元素2023/11/18屬性說明type指定表單元素的類型，name指定表單元素的名稱value指定表單元素的初始值

其中type屬性決定了表單元素的類型可以為以下的值。text：文本框，text也是type的默認屬性password:密碼框radio:單選框checkbox：復(fù)選框,checked屬性可設(shè)置默認被選。submit：提交按鈕，按此按鈕瀏覽器會將表單的內(nèi)容提交給action屬性指定的URL地址reset：重置

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論