INTRODUCTION TO HTML
- 1. TAKE A GUESS? Hints: It is a standard markup language for creating web pages It describes the structure of web page It is not a programming language It’s name starts with ‘H’ and ends with ‘L’
- 3. HTML stands for hyper text markup language Hyper text simply means text within the text It is a standard markup language for creating web pages and web applications Tim Berners-Lee created the HTML in the year 1993 and it was officially launched in the year 1994 <html></html>
- 4. HTML 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XTHML 2000 HTML 5 2014 HTML VERSIONS
- 5. You probably do not need any kind of special software or equipments in fact you probably have everything you need 1. Computer 2. Text/HTML Editor 3. Web browser Notepad++ (or) Sublime text editor Chrome Mozalia fire fox Microsoft edge What do you need for HTML
- 6. SKELETON STRUCTURE OF HTML
- 8. Header The <header> HTML element represents introductory content, typically a group of introductory or navigational aids. Body The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Footer The <footer> tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). Article The <article> tag is one of the new sectioning element in HTML5. The HTML <article> tag is used to represent an article. More specifically, the content within the <article> tag is independent of the other content of the site (even though it can be related). Nav The <nav> tag is used for declaring the navigational section in HTML documents. Websites typically have sections dedicated to navigational links, which enables users to navigate the site
- 9. ADDING COLORS Colors are set using “RGB” color codes, which are, represented as hexadecimal values. Each 2-digit section of the code represents the amount, in sequence, of red, green or blue that forms the color.
- 10. RGB COLOR MODEL
- 11. HEADINGS <H></H> <HTML> <HEAD> <TITLE> Example Page</TITLE> </HEAD> <BODY> <H1> Heading 1 </H1> <H2> Heading 2 </H2> <H3> Heading 3 </H3> <H4> Heading 4 </H4> <H5> Heading 5 </H5> <H6> Heading 6 </H6> </BODY> </HTML> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
- 12. PARAGRAPHS <P></P> <HTML><HEAD> <TITLE> Example Page</TITLE> </HEAD> <BODY></H1> Heading 1 </H1> <P> Paragraph 1, ….</P> <H2> Heading 2 </H2> <P> Paragraph 2, ….</P> <H3> Heading 3 </H3> <P> Paragraph 3, ….</P> <H4> Heading 4 </H4> <P> Paragraph 4, ….</P> <H5> Heading 5 </H5> <P> Paragraph 5, ….</P> <H6> Heading 6</H6> <P> Paragraph 6, ….</P> </BODY></HTML> Heading 1 Paragraph 1,…. Heading 2 Paragraph 2,…. Heading 3 Paragraph 3,…. Heading 4 Paragraph 4,…. Heading 5 Paragraph 5,…. Heading 6 Paragraph 6,….
- 13. World’s first web page: •World’s first web page was created in this computer it belongs to Sir Tim lee •Tim Lee built his own computer for creating this web page
- 14. Advantages: Every browser supports HTML language Easy to learn and use Loose syntax Need not to purchase any extra software HTML is built on almost every website HTML is light weighted and fast to load HTML has many tag and attributes which can short your line of code
- 15. It can create only static and plain pages so if we’d like dynamic pages then HTML isn’t useful. Required to write a lot of code for just creating a simple webpage Security features offered by HTML are limited It is the time consuming as the time it consume to maintain on the colour scheme of a page and to make lists, tables and forms Disadvantages:
- 16. Thank you
- 17. Any queries