HTML A

http://neepyinnyar.blogsome.com/

zinmaungmg@gmail.com www.mgsaytanar.co.cc

1

HTML A (A-) A . .. .. ..() A A Cloud9 : A .. A A U . . HTML

A HTML A.. A HTML UA Web Page A A Language .. HTML A HyperText Markup Language .. HTML A () .. A() Documents Text AA (Interlinking) World Wide Web (WWW) Documents ..Content Web Page AAUA ( Formatting Documents ) () .. HTML (Hypertext); Documents AA Language A (Markup) ; Web Page A Tags A Language A HyperText + Markup Language = HyperText Markup Language ( HTML ) .. A HTML Programming Language .. Markup Language (Code Language) .. A HyperText .. Markup .. A A .. (-.) HyperText Document AA

HyperText Mouse Arrow Key HyperText A U.. .. A .

2

Documents( Contents ) .. A Hypertext A A http://www.wikipedia.org .. Hypertext .

(-.) Markup Language HTML Tags Markup Language .. A .. A A A .. HTML Tags A A .. A Webpage A .. HTML Tags ( Code) A .. Internet Web Broswers Web Page A Markup Tags ..

(-.) HTML Tags A HTML Webpage Typical A Skeleton Structure (-.) .. A U..

A HTML .. HTML Father Of the Web A Sir Tim Berners-Lee ( ) .. .. World Wide Web Consortium (W3C) .. A A ..

3

(-.) Sir Tim Berners-Lee WWW hypertext docuverse A A A U A A A Ted Nelson ( ) .. .. .. () .. (-.) Ted Nelson

HTML A (A -) A ()A ( code A < A

.. A A .. .. .. A () A A ( A . )

(-.) ?? ..? A HTML Markup Language .. .. HTML A A SGML Cloud9 .. .. A SGML A .. SGML Standard Generalized Markup Language A .. A Markup Language A A Tags SGML .. A Oxford English Dictionary 2nd Edition (OED) SGML Language A .. .. A .. HTML XML Docbook SGML A Website Markup Languages A .. A .. XML, SGML .. HTML A ..

4

A U HTML A A Language A A .. ( Creating Website ) Static Dynamic ().. .. Static Dynamic.. .. .. Dynamic .. A A A Static Website A Dynamic Website A A .. A .. Static Website A .. .. .. Response .. ..(Favour).. A ( Search Engine Cbox ). .. .. A .. A information .. .. Input .. A Dynamic Web Programming Language .. ASP, PHP, CGI Language HTML Markup Language .. A HTML Code .. A Dynamic .. .. .. U Google Search Engine .. .. Did you mean..?? .. .. .. A U.. .. .. .. .. Sign In .. .... ...... .. A A .. A Dynamic Web Site .. .. PHP .. Microsoft ASP, ASPX, .Net Web Programming Language A .. .. A .. Dynamic Web Site HTML .. Web Programming .. HTML .. .htm, .html extension Webpage Server Type Web Browser Support A .. HTML A Web Page Billion A .. .. A Backword Compatibility ( A A ) A A Version .. Dynamic Programming Code HTML Code Embadded ( ) .. A .. A Box A .. A Standard HTML Version HTML v.4.01 HTML v.3.2 .. XHTML ( Extensible HyperText Markup Language ) ..

A A .. HTML Application A ..? A A User Operating System A HTML Editor .. HTML HTML Editor Software A .. .. A A Text Editor WYSIWYG (What You See Is What You Get ) Editor A A ()..

5

Text Editor A Microsoft Windows install Notepad .. Mac BBEdit .. UNIX/Linux vi editor .. Text Editor .. WYSIWYG .. A U WYSIWYG Editor ( A ) Microsoft Frontpage .. Operating System WYSIWYG Editor ..A .. . .. .. Code View Visual View A Editor WYSIWYG Editor .. A Editor WYSIWYG .. A (-.) Notepad Frontpage U ..

(-.) Notepad Frontpage 2003 U A Notepad A Box Code View .. A Frontpage 2003 A A Code view A A A Box Visual view .. Microsoft Word A A .... A .. Text Editor WYSIWYG Editor .. Text Editor A .. Frontpage A .. .. A Lesson Start>All Programs>Accessories>Notepad .. A Notepad (-.) code .. < > / .. U..

(-.) A A .html () .htm extension A .. .html .htm .. A U

6

.. A File Extension A () Standard .. U.. .exe , .jpg, .bmp, .mp3 ..etc A .. .html A Extension ().. .htm .. A A .. A .. A HTML Code Webpage A A A Extension A Setting .. A (-.) (-.) .. A A Extensions for known file types check box A ..

(-.)

(-.) A Notepad File Save as A A Desktop www Folder A index.htm A .. (-.) (-.) ..

7

(-.)

(-.)

A www inde.htm Internet Explorer A (-.) A ..

(-.)

A A A A .. A .. .. A HTML Webpage Create .. Congratulation! ..

8

A .. HTML Tag Typical Formation .. HTML Tag Element .. A A .. HTML Tag () Element Typical Formation A (-.) ..

(-.) HTML Tag Typical Formation

A .. (h2)(/h2) HTML Element .. Heading Style 2 .. (h2) Start tag (/h2) End tag .. A () Element .. (h2 style="background=color:#ff0000;") Heading Style2 Content Background Color A Attribute .. style Attribute "background=color:#ff0000;" Attribute Value .. Content . Comments The URI to TrackBack this entry is: http://neepyinnyar.blogsome.com/2008/02/21/p11/trackback/ No comments yet. RSS feed for co HTML A (A -) Element ? A .. A A Container Elements Empty Elements ( ) .. A (-.) ..

[left] [/left][center](-.)

9

Container Elements Start Tag End Tag Elements .. Start Tag End Tag A .. Element Empty Elements (Standalone Element) .. Elements Style A () .. (-.) .. (-.)

,, A Element Block Style .. , A Elements Inline Style .. Inline Elements Block Elements A A .... Elements Nested .. Overlapping Webpage .. (-.) ..(-.) A A Application Setting A A .. A First Page HTML A .. A .. A A Element .html () .htm extension Webpage Essential Element HTML Element A .. Browser Element Codes A A A Document HTML A A Elements Browser .. U..10 HTML .. Page Information Element A .. U.. HTML Page A Element A .. U.. HTML A A Element .. U..Browser (-.) A ..11(-.) Level 1 Heading .. UA .. Level 1 to 6 ..U..Browser (-.) A ..12(-.)
Break Line A ..Empty Element A A End Tag .. U.. Webpage .. Container Element A A .. End Tag .. A A A A End Tag A .. U..13Browser (-.) A ..(-.) A A Italicize Element .. U..Browser (-.) A ..14(-.) A Bold Element .. U..Browser (-.) A ..(-.)Comments The URI to TrackBack this entry is: http://neepyinnyar.blogsome.com/2008/02/21/12/trackback/15HTML A (A -) Element A Attribute A .. A A A A .. A A Element A Attribute A Master Reference A .. A Main Element .. .. Inline Highlighting Element (-.) A ..(-.) [/color] Monospaced Text .. Typewriter Text .. Monospaced Text .. Keyboard A .. Monospaced Text .. Sample Text A .. Monospaced Text ..program code Italic A .. A Variable .. A .. citation A .. A defination A .. U A .. HTML.v3.2 element Old Browser A ..16 .. HTML.v.4.0 Recent Browser A A .. Underline A .. Delete A .. A .. U .. U HTML.v.3.2 element .. Inline Highlighting Elements UA ..Browser (-.) A ..(-.) List Element A A .. List A A .. A List Unordered List Ordered List () .. Elements A Element Nested ..17 1,2,3.. A U Ordered List .. A U.. Bullet Unordered List .. Ordered List Unordered List A UA A A ..Browser (-.) A ..18(-.) .. Space Tab Enter( Return) .. HTML Space .. Tab .. Enter .. Browser Element 1 Space A Webpage .. A (-.) A HTML Code Microsoft Word .. Tools Bar pilcrow () Paragraph Sign A (-.) A ..Pilcrow Document A Whitespace Tools .. ..(-.) HTML Code A A Code A .. Tab Enter Key Space .. (-.) Ordered List .. .. Space () .. Browser A Space ().. A .. Browser HTML Tag (Element) A Page .. A A Whitespace Ignore ..19Space Tab Enter .. Comments HTML Code .. Comments Programming A .. Code A .. A .. .. HTML Comment A A .. Sign () Comment .. Browser Comment A Webpage .. UA ..Browser (-.) A .. (-.) Hyper Link A .. A Browser Hyper Link .. Element ( Anchor ) Element .. Attribute .. href .. href hypertexe reference .. UA 20Browser (-.) A ..(-.)Home Text A Hypertext A index.htm Web Page .. About Us Contact A A A A ..Browser (-.) A ..[center](-.)[/center] Post HTML Basic ..Elements Attribute A .. A .. .. Attribute .. Element Attribute target="_blank" target="_self" .. _top, _parent .. A A A .. _blank Hypertext New Window A .. _self Windows A .. UA ..21Browser (-.) A ..[center](-.)[/center] [center] [/center] [center] Anchor A .. HTML A (A -) .. contents Align A .. .. align attribute Elements .. Code U A ..22Browser (-.) A ..(-.) align attribute center Elements center A .. Elements Block A .. Element .. U..23Browser (-.) A .. attribute align Element A .. Element overwrite .. (-.) A .. A .. Feed back .. .. Contact Address Block .. A A ..24 .. A Horizontal Reference .. A Address Block .. A mailto: .. A Email Software Address Block A A .. A Email SpamBot Spam Personal Email Public Mail A .. Browser (-.) A ..(-.) Destination Anchor Element A .. Link Anchor .. Destination Anchor Web Page Hyper Text A A . Format Word Processor .. UA ..A ..25 Press Enter Key for 30 times!!! Enter (Return) Key () A .. Browser (-.) A ..26(-.) A A .. A name="top" name="Top" .. Case Sensitive .. ================================================================ ============================================== A .. Image A A Element .. Standalone Element A A Eng Tag .. A ..U src (source) ps_0001.gif Browser A attribute .. Inline Element A Element Nested A .. Browser .. W3C HTML Validator Error Report .. Browser (-.) A ..(-.) Element A A attribute width height .. attribute A Browser A A contents27 A A .. A A Load .. Code A A .. width height A Rule Image A A .. .. width height Bandwidth .. Loding Time Bandwidth A attribute alt (alternative text) .. .. Browser Text A .. .. .. A U.. UBrowser (-.) A floating text A ..(-.) Internet Option Show Picture (-.) A ..28(-.) [left] align .. Vertically Horizontally ..? Element align="left" align="right" .. floating image A .. Horizontally alignment Nested Parent Element Element align attribute .. UBrowser (-.) A ..[center](-.)[/left] .. Vertical Alignment A .. Element Vertical Alignment A align attribute .. Default A Bottom Align .. UBrowser (-.) A ..29[center](-.) align="top" ..(-.) align="middle" ..(-.) Text Image A Wrapping
Element .. U..Browser (-.) A ..(-.)30 Contents A A Web A . A Web Contents A .. (-.) U Internet Transfer text, images, sounds, video animations Documents Contents .. A MIME Media Types A .. MIME A .. A ..(-.) Web Contents A A U HTML Relative URLs Absolute URLs A A .. Relative URLs ? Relative Uniform Resource Locator (Relative URLs) Web Site Webpage (Link) Contents (Location) .. Partial URL .. Absolute URL http://www A .. Contents Partial URL ( URL ) .. UA (-.) ..Reduced: 90% of original size [ 800 x 600 ] - Click to view full image31(-.).. Web Server Computer Documets Tree Structure .. A Tree Structure Command Prompt (-.) A ..32(-.) HTML Web Contents ? A Relative URLs A A ..Lesson Download ) Number of downloads: 7 U.. HTML Web Contents ? A Relative URLs A A .. Lesson Download U.. Download Zip (-.) A Image, Directory HTML .. lesson_001.zip ( 65.55K(-.) www Folder index.html A A Page ..(-.) Relative URL Down Up .. Down Page A Directory Contents Down .. A Directory .. A Directory Contents Up .. (-.) ..33(-.) A UA .. A Download index.html For Up, For Down, For Up & Down Click (-.) A Result .. Page Right Click > View Source A Code ..34(-.)View Source A (-.) A ..(-.) View Source Same Level padonma.gif Contents A src="padonma.gif" ..A Down Level Directory Contents A .. Unix Directory Structure A /dir/dir/*.* .. *.* Wildcard .. *.* = filename.extension .. Wildcard A . A UA .. down_dir_level_one Directory A html.gif A .. Element A src="down_dir_level_one/html.gif".. down_dir_level_two Directory A ie.jpg Contents src="down_dir_level_one/down_dir_level_two/ie.jpg"35.. Page down.html View Source A A ..A A A Up Level Directory Contents A .. Unix Directory Structure A /../../*.* .. U.. up.html A Level () up_dir_level_one Directory A padonma.gif A .. Element A src="../../../padonma.gif ".. A Level () up_dir_level_two Directory A html.gif Contents src="../../html.gif" .. Page up.html View Source A A ..36 Page up_down.html Up Level Directory A Down Level Directory .. View Source A A .... Download .. Notepad Browser A .. Comments HTML A (A -) Absolute URLs ? Absolute Uniform Resource Locator (Absolute URLs) Web Site Address A A URL .. UA http://www.padonma.com/forum/index.html Absolute URL .. Absolute URL A (-.) A ..37(-.) () http: Hypertext Transfer Protocol A Browser A .. () // Access Source Contents Tree Structure( Hierarchically ) A Forward Slash (//) .. () www www Alias () Subdomain () A Directory Shortcut .. (-.) .. () padonma.com Non-profit Corporation ICANN( Internet Corporation for Assigned Names and Numbers) A A Registered TLD Domain Name .. ( .com Top Level Domain A A Commercial A .. ) A Domain System (-.) (-.) A .. () /forum/ Forward Slash (/) Directory forum Directory .. U A Unix Operating System Run A Unix Directory Structure UA .. () index.html Page () Contents URL A A A Contents A ..38() :80 Net A Application Port Number .. 80 () 8080 A Server Administrator HTTP A A .. () 203.11.12.33 Internet Protocol (IP) Address padonma.com Website A Server .. Website A Visitor A IP Address A IP Address Domain Name ICANN A .. padonma.com203.11.12.33 DNS (Domain Name Server ) A A Translate .. http://www.bagan.net.mm URL Visitor A Bagan Webpage A DNS Server A A (-.) A .. () music.padonma.com/ music Alias () Subdomain () A Directory Shortcut .. http://www.padonma.com/music Directory Alias A Shortcut ..(-.) ..(-.)39(-.) Reduced: 97% of original size [ 738 x 226 ] - Click to view full image40(-.) Relative Absolute HTML Elements A .. Website Paragraph A Quote A A ..U (-.) ..(-.) Website Format Word Processor .. Preformated Text A .. UA ..41Browser Tab Enter Key Whitespace A (-.) ..(-.) Website Formula .. Footnote .. Superscript A .. U..Browser (-.) A ..(-.) Website H2O Formula .. Suberscript A .. U..Browser (-.) A ..42(-.) ================================================================ ================ HTML Special Characters A A .. Webpage Keyboard Special Charactor .. ISO-8859-1 (Latin-1) Character Set A .. A A (Special Characters) A A . (Special Characters) A .. A , , . (-.) Numeric Form Named Form () ..(-.) UA Copyright Symbol Webpage A .43Browser (-.)A ..(-.) A Numeric Format A .. Symbol Copyright A () A .. Special Character U.. HTML Code HTML Page A Special Character .. U (-.) HTML Code A (-.)A < > Named Form < > A .. < > HTML Code HTML Code Webpage Webpage ..44(-.) Dialogue Box < > Code ..A HTML Code A ..(-.) < > Character Reserved Characters A U.. HTML Code HTML Page A Source Code A A .. Reserved Characters, Unused Characters Used Characters A ..45464748HTML A (A -) HTML Document A A ? A HTML Version Version 4.01 HTML Page A HTML Document Type A A () DocType decleration .. Web Browser HTML Version ( Conformance ) A A .. HTML 4.01 A Convformance Level A () Strict () Transitional () Frameset Level ().. A A A ..49Strict Conformance ?Strict conformance HTML verson 4.01 HTML Page Deprecated Elements Attribute .. Frameset Elements .. Deprecated Elements .. A .. A A Browser Standard HTML Elements A .. U- Elements .. HTML Version 4.01 Standard Standard Elements (Deprecated Elements) Elements A .. Deprecated Elements Feature Performance . Webpage Strict Conformance A Webpage A A A .. Transitional Conformance ? Transitional conformance Deprecated Elements Attribute .. Frameset Elements .. Deprecated Elements U , , .. Attribute A align Table A Deprecated Attribute A .. Webpage Transitional Conformance A Webpage A A A .. HTML 4.01 Deprecated Conformance A HTML Version A .. A HTML Version 4.01 Conformance Level () HTML & Browser Old Version A .. Backward Compatibility A .. HTML Version 4.01 Conformance A Version A A Level A ..Frameset Conformance ? Frameset conformance Deprecated Elements & Attributes Frameset Elements .. Frame Webpage .. Frameset Elements , , .. Frame A Webpage .. A A .. A Conformance A (-.) .. Webpage View Source Level () DocType Decleration Source Code A ..(-.)51