HTML 5 HTML 5tag HTML 5HTML 4 DOCTYPE

  • Slides: 37
Download presentation
HTML 5

HTML 5

HTML 5網頁標籤(tag)結構 HTML 5網頁和HTML 4網頁的結構十分相似，其基本標籤結 構如下所示： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <title>網頁標題文字</title>

HTML 5網頁標籤(tag)結構 HTML 5網頁和HTML 4網頁的結構十分相似，其基本標籤結 構如下所示： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="utf-8"> <title>網頁標題文字</title> </head> <body> 網頁內容 </body> </html>

建立HTML 5網頁-簡單範例 01: <!DOCTYPE html> 02: <html lang="zh-TW "> 03: <head> 04: <meta charset="utf-8"/>

建立HTML 5網頁-簡單範例 01: <!DOCTYPE html> 02: <html lang="zh-TW "> 03: <head> 04: <meta charset="utf-8"/> 05: <title>HTML 5網頁</title> 06: </head> 07: <body> 08: <h 3>HTML 5網頁</h 3> 09: <hr/> 10: <p>第一份HTML 5網頁</p> 11: </body> 12: </html>

HTML的表格標籤基本HTML表格 <table border=""> <caption>每月存款金額</caption> <thead> <tr> <th>月份</th> <th>存款金額</th> </tr> </thead> <tbody> <tr> <td>一月</td> <td>NT$

HTML的表格標籤基本HTML表格 <table border=""> <caption>每月存款金額</caption> <thead> <tr> <th>月份</th> <th>存款金額</th> </tr> </thead> <tbody> <tr> <td>一月</td> <td>NT$ 5, 000</td> <td>二月</td> <td>NT$ 1, 000</td> </tr> </tbody>

HTML的表格標籤複雜HTML表格 <table border="1"> <tr> <th id="client">客戶端</th> <th id="server">伺服端</th> </tr> <tr><td colspan="2">Ajax</td></tr> <td headers="client">Java. Script</td>

HTML的表格標籤複雜HTML表格 <table border="1"> <tr> <th id="client">客戶端</th> <th id="server">伺服端</th> </tr> <tr><td colspan="2">Ajax</td></tr> <td headers="client">Java. Script</td> <td headers="server">ASP. NET</td> </tr> <td>VBScript</td>

使用HTML 5的語意與結構標籤HTML標籤 2 …… </article> </section> <aside> <h 2>相關資源網站</h 2> <ul> <li><a href="">HTML 5教學網站</a></li>

使用HTML 5的語意與結構標籤HTML標籤 2 …… </article> </section> <aside> <h 2>相關資源網站</h 2> <ul> <li><a href="">HTML 5教學網站</a></li> … </ul> <p><a href="/Resources/">更多資源</a></p> </aside> <footer>

SUMMARY HTML pages are text documents.

SUMMARY HTML pages are text documents.

SUMMARY HTML uses tags, which act like containers and tell you about the information

SUMMARY HTML uses tags, which act like containers and tell you about the information that lies between them.

SUMMARY Tags are often referred to as elements.

SUMMARY Tags are often referred to as elements.

SUMMARY Tags usually come in pairs. Opening tags denote the start of a piece

SUMMARY Tags usually come in pairs. Opening tags denote the start of a piece of content; closing tags denote the end.

SUMMARY Opening tags can carry attributes, which tell us more about the content of

SUMMARY Opening tags can carry attributes, which tell us more about the content of that element.

SUMMARY Attributes require a name and a value.

SUMMARY Attributes require a name and a value.

SUMMARY To learn HTML you need to know what tags you can use, what

SUMMARY To learn HTML you need to know what tags you can use, what they do, and where they can go.

3XHTMLWeb DOCTYPE v DOCTYPE XHTML XHTML DOCTYPE html3XHTMLWeb DOCTYPE v DOCTYPE XHTML XHTML DOCTYPE html
HTML 5 6 HTML 5 DOCTYPE DOCTYPE HTMLHTML 5 6 HTML 5 DOCTYPE DOCTYPE HTML
1 2 HTML 5 DOCTYPE DOCTYPE html PUBLIC1 2 HTML 5 DOCTYPE DOCTYPE html PUBLIC
DOCTYPE DOCTYPE html head meta httpequivContentType contenttexthtml charsetutf8DOCTYPE DOCTYPE html head meta httpequivContentType contenttexthtml charsetutf8
CONTENTS HTML CSS Markup CONTENTS DOCTYPE DTD DOCTYPECONTENTS HTML CSS Markup CONTENTS DOCTYPE DTD DOCTYPE
HTML 5 HTML 5 DOCTYPE HTML html headHTML 5 HTML 5 DOCTYPE HTML html head
HTML 5 HTML 5 DOCTYPE HTML html headHTML 5 HTML 5 DOCTYPE HTML html head
HTML 5 12 HTML 5 DOCTYPE HTML 5HTML 5 12 HTML 5 DOCTYPE HTML 5
Basics of HTML Example Code DOCTYPE html htmlBasics of HTML Example Code DOCTYPE html html
index 1 html doctype html html head titlecanvasindex 1 html doctype html html head titlecanvas
HTML 12 HTML DOCTYPE HTMLHTML HTML HEADHEAD METAHTML 12 HTML DOCTYPE HTMLHTML HTML HEADHEAD META
HTML 5 DOCTYPE html html dirltr langenUS headHTML 5 DOCTYPE html html dirltr langenUS head
HTML html DOCTYPE head titleMy First HTML PagetitleHTML html DOCTYPE head titleMy First HTML Pagetitle
about Us html DOCTYPE html html langen headabout Us html DOCTYPE html html langen head
aa html aa css DOCTYPE html UTF8 htmlaa html aa css DOCTYPE html UTF8 html
section DOCTYPE html h 1rove 1h 1 htmlsection DOCTYPE html h 1rove 1h 1 html
section DOCTYPE html h 1rove 1h 1 htmlsection DOCTYPE html h 1rove 1h 1 html
cgiHTML cgitest html seisaku DOCTYPE html head titlecgititlecgiHTML cgitest html seisaku DOCTYPE html head titlecgititle
section DOCTYPE html h 1rove 1h 1 htmlsection DOCTYPE html h 1rove 1h 1 html
section DOCTYPE html h 1rove 1h 1 htmlsection DOCTYPE html h 1rove 1h 1 html
section DOCTYPE html h 1rove 1h 1 htmlsection DOCTYPE html h 1rove 1h 1 html
Bootstrap HTML 5 CSS j Query DOCTYPE htmlBootstrap HTML 5 CSS j Query DOCTYPE html
DOCTYPE HTML html head title My First JavascriptDOCTYPE HTML html head title My First Javascript
cgiHTML cgitest html seisaku DOCTYPE html head titlecgititlecgiHTML cgitest html seisaku DOCTYPE html head titlecgititle