Downloaded 10 times
More Related Content
Similar to HTML 5 Web Design
HTML 5 Web Design
- 1. Ewiglife <Web Development byHTML & HTML5>
- 2. How to installcode editor? Most commonly used editor for web development. • https://notepad-plus-plus.org/ • https://www.sublimetext.com/ • https://code.visualstudio.com/
- 3. Different Browsers? • GoogleChrome • Mozilla Firefox • Internet Explorer • Safari • Opera Mini • UC Browser • Microsoft Edge
- 4. What is HTML? • HTML stands for Hyper Text Markup Language • HTML is the standard markup language for Web pages • HTML elements are the building blocks of HTML pages • HTML elements are represented by <> tags
- 5.
- 6. How to savefile?
- 7. Heading & Paragraphin HTML ? <h1> Heading One </h1> <h2> Heading Two </h2> <h3> Heading Three </h3> <h4> Heading Four </h4> <h5> Heading Five </h5> <h6> Heading Six </h6> <p> This is a paragraph </p>
- 8.
- 9. How to Breaka Line ? • The <br> tag inserts a single line break. • The <br> tag is an empty tag which means that it has no end tag.
- 10.
- 11. HTML Formatting Elements: • <b> - Bold text • <strong> - Important text • <i> - Italic text • <em> - Emphasized text • <mark> - Marked text • <small> - Small text • <del> - Deleted text • <ins> - Inserted text • <sub> - Subscript text • <sup> - Superscript text
- 12. Bold Tag • <title>PageTitle </title> • </head> • <body> • <b>This is a Bold text</b> • </body> • </html>
- 13.
- 14. Strong Tag • <title>PageTitle </title> • </head> • <body> • <strong>This is a Strong text</strong> • </body> • </html>
- 15.
- 16. Italic Tag • <title>PageTitle </title> • </head> • <body> • <i>This text is italic</i> • </body> • </html>
- 17.
- 18. Emphasized Tag • <title>PageTitle </title> • </head> • <body> • <em>This is a emphasized text</em> • </body> • </html>
- 19.
- 20. Small Tag • <title>PageTitle </title> • </head> • <body> • <small>This is a Small text</small> • </body> • </html>
- 21.
- 22. Marked Tag • <title>PageTitle </title> • </head> • <body> • <h2>This is a HTML <mark>Marked Tag</mark> Formatting</h2> • </body> • </html>
- 23.
- 24. del Tag : •<title>Page Title </title> • </head> • <body> • <del> This is a blue color</del> • </body> • </html>
- 25.
- 26. Ins Tag • <title>PageTitle </title> • </head> • <body> • <ins>This is a color box</ins> • </body> • </html>
- 27.
- 28. Subscripted Tag • <title>PageTitle </title> • </head> • <body> • <p>This is a subscripted <sub>tag</sub></p> • </body> • </html>
- 29.
- 30. Superscripted Tag • <title>PageTitle </title> • </head> • <body> • <p>This is a superscript <sup>tag</sup></p> </body> • </html>
- 31.
- 32. q Tag • <title>PageTitle </title> • </head> • <body> • <p>This belongs to: <q>Ewiglife Cloud Technologies</q></p> </body> • </html>
- 33.
- 34. abbr Tag • <title>PageTitle </title> • </head> • <body> • <p>What does<abbr title=" Hyper Text Markup Language">HTML</abbr></p> • </body> • </html>
- 35.
- 36. p Tag • <title>PageTitle </title> • </head> • <body> • <p>This is some text in a paragraph</p> • </body> • </html>
- 37.
- 38. p & brTag :
- 39.
- 40.
- 41.
- 42. How to createa table ?
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63. Time : We cangive type also telephone, search, url, email, week and month also.
- 64. Attributes ofinput field, How to disable input fields How to make input field for read only How to place the placeholder How to apply the required field etc Now we learn about :
- 65.
- 66. Add new attributes‘required’, ‘novalidate’ :
- 67.
- 68.
- 69.
- 70. Type=image accept image,same like we can audio and video also, we can also add extension like .jpg, .png and .html etc
- 71. Now we learnhow to add audio n video :
- 72.
- 73. We add videoby object tag instead of video tag :
- 74.
- 75. Now see howto embed a video YouTube link : • Open YouTube • Run any video • Right click on video • Click on copy embed code • Paste the copied code into body tag
- 76.
- 77.
- 78. Another ways toadd video :
- 79.
- 80.
- 81.