Html5.pptx
- 2. HTML5 • HTML is the standard markup language for Web pages. • With HTML you can create your own Website. • HTML is easy to learn - You will enjoy it! • HTML stands for Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of a Web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
- 3. WHY LEARN HTML? • Website /Web Pages • Career as a WebDesigner • Mobile Application Development (Phonegap/Ionic)
- 4. SOFTWARE REQUIREMENT • HTML Editor • Notepad • Notepad++ • VS code • Sublime(mac, windows) • NetBeans IDE 8.2 • Browser • Chrome • Firefox • Internet Explorer • Safari (mac/Windows) • Opera (mac/windows/mobile)
- 5. HOW TO DOWNLOAD ? • https://netbeans-ide.informer.com/8.2/
- 6. BASIC SYNTAX • <html> <head> <title>Page Title</title> </head> <body> </body> </html>
- 7. HTML FILE SAVE • File_name.html
- 8. EXAMPLE • <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
- 9. EXAMPLE EXPLAINED • The <!DOCTYPE html> declaration defines that this document is an HTML5 document • The <html> element is the root element of an HTML page • The <head> element contains meta information about the HTML page • The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. • The <h1> element defines a large heading • The <p> element defines a paragraph
- 10. WHAT IS AN HTML ELEMENT? • An HTML element is defined by a start tag, some content, and an end tag: • <tagname> Content goes here... </tagname> • The HTML element is everything from the start tag to the end tag: • <h1>My First Heading</h1> • <p>My first paragraph.</p>