dayjavaweb之文件和課件so easy系列html教程_第1頁
dayjavaweb之文件和課件so easy系列html教程_第2頁
dayjavaweb之文件和課件so easy系列html教程_第3頁
dayjavaweb之文件和課件so easy系列html教程_第4頁
dayjavaweb之文件和課件so easy系列html教程_第5頁
已閱讀5頁，還剩48頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

SoEasyHTMLHTMLHTMLHyperTextMarkupLanguage超文本，就是指頁面內可以包含、，甚至音樂、程序等非文字元素可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，如何顯示等。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不其錯覽器中看到的信息”HTML被用來結構化信息——也可用來在一定程度上描述文檔的外觀和語義。1982年由·-李創(chuàng)建，由IETF用簡化SGM（HTML1980年，·-使世界各地的物理學家能夠方便的進行合作研究，創(chuàng)建了使用于其系HTML。TimBerners-LeeHTML以純文字格式為基礎，可以使用任何文本編輯器處理，1993年，還是大學生的·在他的Mosaic瀏覽器加入<img>標記，從此可以在Web頁面上瀏覽。但人們認為僅有還是不夠，希望可將的加到網頁上。因此HTML不斷地超文本標記語言（第一版）——19936月作為互聯網工程工作小組（IETF）（并非標準HTML2.0——199511月作為RFC1866發(fā)布，在RFC285420006月發(fā)布之后被宣布已HTML3.2——1997114日，W3CHTML4.0——19971218日，W3CHTML4.01（微小改進）——19991224日，W3CHTML52008122HTML<fontoworld--ohtml：定義HTML文檔，HTML文檔的根head：定義關于文檔的基本信息body：定義文檔的主體，運行HTML文檔時顯示的內容title：定義文檔的標題。在運行網頁時，頁面頂端顯示的內容font：定義文字的字體、尺寸和顏色HTML元素（HTML標記通常被稱為HTML"HTML"和"HTML元素"通常都是描述同樣的意思（一個HTML元素包含了開始與結束）HTML是由尖括號包圍的，比如HTML通常是成對出現的，比如<b>和記結束<<font o即使忘記了使用結束，大多數瀏覽器也會正確地顯示HTMLHTML文檔中，關閉是可選的不要依賴這種做法。忘記使用結束會產生不可預料的結果或錯誤HTML沒有內容的HTML元素被稱為空元素?？赵厥窃陂_始中關閉的<br>就是沒有關閉的空元素（<br>定義換行XHTML、XMLHTML在開始中添加斜杠，比如<br/>，是關閉空元素的正確方法，HTML、XHTMLXML<br>在所有瀏覽器中都是有效的，但使用<br/>推薦使用小寫HTML對大小寫不敏感：<P>等同于<p>。許多都使用大寫的HTML網（W3C）在HTML4中推薦使用小寫，而在未來(X)HTML版本中強制使用小HTML<<font oHTMLHTML屬性一般描述于開始HTML屬性常用屬性網在其HTML4推薦標準中推薦小寫的屬性/屬性值(X)HTMLHTML開始括號之后（左邊的括號）需要緊跟一個嘆號，結束括號之前（右邊的括號）將注釋插入HTML代碼中，這樣可以提高其可讀性，使代碼更易理解HTMLHTML=HTMLHTML文檔包含HTML和純文HTML”和“.htmHTMLHTML<!DOCTYPE>位于文檔中的最前面的位置，處于<html>之前<!DOCTYPE>不是一個HTML；它是用來告知Web瀏覽器頁面使用了哪HTML總是給您的HTML文檔添加<!DOCTYPE>，確保瀏覽器能夠預先知道文檔類型各個HTML版本的<!DOCTYPE>應如何書寫HTML<!DOCTYPE<!DOCTYPEHTML4.01這個DTD包含所有HTML元素和屬性，但不包括表象或過時的元素（如font?？蚣芗?lt;!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN" HTML4.01這個DTD包含所有HTML元素和屬性，包括表象或過時的元素（如font?？蚣芗遣?lt;!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTMLTransitional//EN"HTML4.01DTDHTML4.01Transitional<!DOCTYPE<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN" XHTML1.0這個DTD包含所有HTML元素和屬性，但不包括表象或過時的元素（如font?？蚣芗遣辉试S的。結構必須按標準格式的XML進行書寫。<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN" XHTML1.0這個DTD包含所有HTML元素和屬性，包括表象或過時的元素（如font?？蚣芗遣辉试S的。結構必須按標準格式的XML進行書寫。<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTMLTransitional//EN""XHTML1.0DTDXHTML1.0Transitional<!DOCTYPE<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN" HTML<head>元素包含了所有的頭部元素（CSS，可以添加在頭部區(qū)域的元素為:<title>,<style>,<meta>,<link>,<script>,<noscript>,<title>定義了不同文檔的標題<title>HTML/XHTML<base>描述了基本的地址/目標，該作為HTML文檔中所有的的默認。<link>定義了一個文檔和外部資源之間的關系<style>定義了HTML文檔的樣式文件地址meta描述了一些基本的元數據<meta>提供了元數據.元數據也不顯示在頁面上，但會被瀏覽器解析，META元素通常用于指定網頁的描述文件的最后修改時間作者和其他元數據，元數據可以使用瀏覽器（如何顯示內容或重新加載頁面，搜索引擎（，或其他值http-equivnamecontent屬性關聯到HTTPcontentHTML5content<meta>使用實為搜索引擎定義<<meta"content="HTML,CSS,XML,<<metaname="description"WebtutorialsonHTML<<metaname="author"30<<metahttp-equiv="refresh"HTML<!DOCTYPE<!DOCTYPE<h1<hralign="center"<palign="center">春眠不覺曉，<br>HTML<!DOCTYPE<!DOCTYPE<h1>這是標題<h2>這是標題<h3>這是標題<h4>這是標題<h5>這是標題<h6>這是標題HTML標題（Heading）是通過<h1>-<h6>進行定義的<h1>定義最大的標題。<h6><!DOCTYPE<!DOCTYPE段落是通過<p>定義的即使忘了使用結束，大多數瀏覽器也會正確地將HTML顯示出來，但不要依賴這種做法忘記使用結束會產生意想不到的結果和錯誤在未來的HTML版本中，不允許省略結束<!DOCTYPE<!DOCTYPE<p>Thisis<br>apara<br>graphwithline在不產生一個新段落的情況下進行換行（新行，請使用<br/><br/>HTML由于關閉沒有任何意義，因此它沒有結束<!DOCTYPE<!DOCTYPE<hr<hr<hr<hr>在HTML頁面中創(chuàng)建水平線hrHTMLHTML<!DOCTYPE<!DOCTYPE<!DOCTYPE<!DOCTYPE如果只是為了達到某種視覺效果而使用這個的話，建議使用CSS，這樣可能會取得更豐富<kbd>已廢棄，不推薦使用被包圍在<pre>元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體HTML引文、及元素定定義短的<!DOCTYPE 、引文 定義The<abbrtitle="WorldHealthOrganization">WHO</abbr>wasfoundedin1948.Writtenby<ahref="mailto:web VisitusBox564,Disneyland<br><bdoThistextwillgoright-to-<blockquote For50years,WWFhasbeenprotectingthefutureofTheworld'sleadingconservationorganization,WWFworksin100countriesandissupportedby1.2millionmembersintheUnitedStatesandcloseto5millionglobally.<p>WWF'sgoalis<q>BuildafuturewherepeopleliveinharmonywithWehopethey<p><cite>TheScream</cite>byEdwardMunch.Paintedin<dfn>DefinitionHTMLimgimg<img>定義HTML頁面中的圖像<img>有兩個必需的屬性：src和alt。從技術上講，圖像并不會插入HTML頁面中，而是到HTML頁面上。<img>的作用是為被的圖像創(chuàng)建占位符。通過在<a>中嵌套<img>，給圖像添加到另一個文檔的img元素的屬性列表值HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5不支持。HTML4.01URLHTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE<h4>Imagewithdefaultalignment<p>帥哥,請看這里<imgsrc="girl.jpgheight="32"我在這里等你哦<h4>Imagewith<p>帥哥,請看這里<imgsrc="girl.jpgyface"yalign="middlewidth="32height="32"我在這里等你哦<h4>Imagewith<p>帥哥,請看這里.<imgsrc="girl.jpg"alt="S yface"align="top"width="32"height="32">我在這里等你哦.</p><ahref="99_biggirl.html"><imgsrc="girl.jpgtitle="哦alt="liuyanwidth="32mapareamap<img>中的usemap屬性可<map>中的id或name屬性（取決于瀏覽器所以我們應同時向<map>添加id和name屬性。area定義圖像映射內部的區(qū)域（圖像映射指的是帶有可點擊區(qū)域的圖像始終嵌套在<map>內部<img>中的usemap屬性與<map>元素中的name相關聯以創(chuàng)建圖像與映射之間的關系area元素的屬性列表值hrefURLHTML5不支持。規(guī)定沒有相關的區(qū)域URL<!DOCTYPE<!DOCTYPE<imgsrc="button.jpg"border="0"<map<areashape="circle"coords="171,159,39"HTML元HTML使用超級與網絡上的另一個文檔相連幾乎可以在所有的網頁中找到點擊超可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳當您把鼠標指針移動到網頁中的某個上時，箭頭會變?yōu)橐恢恍∈衷?lt;a>中使用了href屬性來描述的地址hrefhreflang、media、rel、targettype通常在當前瀏覽器窗口中顯示被頁面，除非規(guī)定了其他target請使用CSS來改變的樣式值HTML5URLHTML5不支持。規(guī)定的坐標規(guī)定的目標URLURLhrefHTML5URLhrefHTML5URLHTML5不支持。規(guī)定的形狀URLhref<!DOCTYPE<!DOCTYPE 元素<aname="top">這是頂端<ahref="10_圖像img元素.htmltarget="_blank<a<imgsrc="girl.jpg""們<aname="middle">這是中間<imgsrc="biggirl.jpg"<ahref="#top回到頂部<ahref="#middle回到中間HTML有序列表也是一列項目，列表項目使用數字進行標記。有序列表始于<ol>。每個列表于<li>。<ol>定義了一個有序列表.列表排序以數字來顯示值HTML5HTML5 <li>定義列表項目值1AaHTML5不支持該屬性。HTML4.01已廢棄該屬性。不贊成使用。請使用樣式取代它。規(guī)定使用哪種項目符號。I<!DOCTYPE<h4>Numbered<h4>Letters<ol<h4>Lowercaseletters<ol<h4>Romannumbers<ol<h4>LowercaseRomannumbers<ol無序列表是一個項目的列表，此列項目使用粗體圓點（典型的圓圈）進行標記<ul>定義無序列表值HTML5不支持。HTML4.01HTML5不支持。HTML4.01<li>定義列表項目值1AHTML5不支持該屬性。HTML4.01已廢棄該屬性。不贊成使用。請使用樣式取代它。規(guī)定使用哪種項目符號。<!DOCTYPE<p><b>Note:</b>ThetypeattributeoftheultagisdeprecatedinHTML4,andisnotsupportedinHTML5.ThereforewehaveusedthestyleattributeandtheCSSlist-style-typeproperty,todefinedifferenttypesofunorderedlistsbelow:</p><h4>Discbullets<ulstyle="list-style-<h4>Circlebullets<ulstyle="list-style-<h4>Squarebullets<ulstyle="list-style-<!DOCTYPE<!DOCTYPE<ol<ol<!DOCTYPE<!DOCTYPE自定義列表不僅僅是一列項目，而是項目及其注釋的組合。自定義列表以<dl>開始。每個自定義列表<dt>開始。每個自定義列表項的定義以<dd>開始。<dl>定義一個描述列表<dt>定義一個描述列表的項目/名字<dd>被用來對一個描述列表中的項目/名字進行描述<!DOCTYPE<!DOCTYPE平 <dd>抽煙<dd>喝酒<dd>燙頭喜歡的游戲<dd>魔獸世界精英<dd>紅色警戒HTML表格由<table>來定義。每個表格均有若干行（由<tr>定義每行被分割為若干單元格（由<td>定義。字母td指表格數據（tabledata，即數據單元格的內容。數據單元格可包含文本、、列表、段落、表單、水平線、表格等等HTML<table>定義HTML表格值HTML5不支持。HTML4.01已廢棄。規(guī)定表格相對周圍元素HTML5不支持。HTML4.01HTML5HTML5HTML5HTML5HTML5不支持。規(guī)定表格 %HTML5<tr>定義HTML表格中的行值HTML5HTML5不支持。HTML4.01HTML5HTML5HTML5<td>定義HTML表格中的標準單元格值HTML5HTML5HTML5HTML5不支持。HTML4.01HTML5HTML5%HTML5不支持。HTML4.01已廢棄。HTML5不支持。HTML4.01已廢棄。HTML5HTML5%HTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"width="20%"rules="rows"</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"<tr</td><td><!DOCTYPE<!DOCTYPE<tableborder="1"<tr<td<tdheight="30px"<th>定義HTML表格中的表頭單元格。HTML表格有兩種單元格類型-包含頭部信息（由<th>元素創(chuàng)建-包含數據（<td>元素創(chuàng)建）<th><td>值HTML5HTML5HTML5HTML5不支持。HTML4.01HTML5HTML5%HTML5不支持。HTML4.01HTML5不支持。HTML4.01HTML5%HTML5不支持。HTML4.01<!DOCTYPE<!DOCTYPE<tableborder="1"</td><td><caption>定義表格的標題<caption>必須直接放置到<table>之后<!DOCTYPE<!DOCTYPE<tableborder="1"</td><td><!DOCTYPE<!DOCTYPE<table<th 播客<td>55577<td>55577<!DOCTYPE<!DOCTYPE<table播客<th <td>55577<td>55577<thead>用于組合HTML表格的頁眉內容<tbody>用于組合HTML表格的主體內容<tfoot>用于組合HTML表格的頁腳內容<tbody>、<tbody>及<tfoot>元素內部必須包含一個或者多個<tr><thead>、<tbody>和<tfoot><!DOCTYPE<tableHTMLHTML文檔稱為一個框HTMLframe框架結構框架結構（<frameset>）定義如何將窗口分割為框架frameset值值值%*HTML5%*HTML5框架Frame定義了放置在每個框架中的HTML文檔。值值01HTML5HTML5HTML5HTML5HTML5HTML5HTML5HTML5URL框架<noframes>元素可為那些不支持框架的瀏覽器顯示文本。noframesframeset元素值值XHTML不能將<body></body>與<frameset></frameset>同時使用<frame>中加入：noresize="noresize"假如添加包含一段文本的<noframes>，就必須將這段文字嵌套于<body></body>內。1：<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<framesrc="99_frame_a.html"<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frame<frame<!DOCTYPE<!DOCTYPE<frameset<frame<frameset<frame<framesrc="99_frame_a.html"iframe<iframe>規(guī)定一個內聯框架HTML可以把需要的文本放置在<iframe>和</iframe>之間，這樣就可以應對不支持<iframe>的瀏值HTML5不支持。HTML4.0110HTML5<iframe>規(guī)定<iframe>HTML5<iframe>的較長描HTML5<iframe>HTML5<iframe>規(guī)定<iframe>HTML5<iframe><iframe>URL規(guī)定<iframe><!DOCTYPE<!DOCTYPE<iframesrc="girl.jpg"width="240px"scrolling="no"name="abc"<aoworld.htmltarget="abc">HTMLForm值HTML5值HTML5text/（適用于method="post"的情況）HTTPactionURL文本框通過<inputtype="text">來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到<input>元素是空的,它只包含屬性<label><input>20<input>元素在<form>元素中使用，用來允許用戶輸入數據的input控件值 /*image/*(只針對type="file")leftrighttopmiddleHTML5已廢棄，不贊成使用。規(guī)定圖像輸入的對齊方式。(只針對type="image")定義圖像輸入的替代文本。只針對checked屬性規(guī)定在頁面加載時應該被預先選定的<input>元素。(type="checkbox"或者type="radio")isabled屬性規(guī)定應該禁用的<input>readonlysize屬性規(guī)定以字符數計的<input>srcURL。(只針對type="image")buttoncheckboxcolordatedatetimedatetime-localfilehiddenimagemonthnumberpasswordradiorangeresetsearchsubmittexttimeurlweektype屬性規(guī)定要顯示的<input>元素的類Specifiesthevalueofan<input><!DOCTYPE<!DOCTYPE<formid="form1"name="form1"action="#"用戶名:<inputtype="textid="usernamename="username用戶名:<inputtype="textid="passwordname="passwordvalue="密碼"readonly="readonly">確 :<inputtype="tex

溫馨提示

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

評論

0/150

提交評論