Html basics 1
Download as DOC, PDF0 likes968 views
The document discusses several HTML tags: 1) Heading tags (<h1> - <h6>) are used to define headings of different sizes; 2) The <br> tag inserts a line break to separate content onto multiple lines; 3) Comment tags (<!-- -->) allow adding comments to code that will not be visible on the webpage.
Html basics 1
- 1. Lecture 2 What we will Learn • Heading tag: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> • <br> tag • Comment Tag: <!-- -- > In the last lecture, we learned that the first tag on the web page we made is the HTML tag which tells the browser that the document is HTML; <html> The last tag on the page is the end HTML tag, which tells the browser that the HTML bit has finished; </html> Did you notice the '/' bit which tells the browser that this is the end tag, not the start? Heading Today we will learn about heading tag, which looks like <h1> or <h2> or <h3> or <h4> or <h5> or <h6>. Let us take an example to understand this tag. <html> <head> <title >My Home Page with a heading</title> </head> <body> <h1>My Heading</h1> You write things here... </body> </html> Write the code above and save as an .html file. And the output looks something like this My Heading You write things here…. Take another example <html> <head> <title >My Home Page with a heading</title> </head> <body> <h1>Heading 1</h1>
- 2. <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> <p>This is normal text!</p> </body> </html> And the output is now, Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 This is normal text! So, that was different ways of representing text. Let us study about <br> tag. Please write the code below and save as an .html file <html> <head> <title >My Home Page with a heading</title> </head> <body> My name is Harshit. I am studying at University of Suwon . </body> </html> The output will be My name is Harshit I am studying at University of Suwon Q) Can any one tell me what is the problem with the above output? A) When I wrote the code, I made two lines, one line contains my name and the other line contains the name of University. But the output shows two lines one after the other. So that means, HTML does not interpret the <return> key.
- 3. The solution to the above problem is <br> take. <br> tag is also called as blank rule. It inserts a line. <html> <head> <title >My Home Page with a heading</title> </head> <body> My name is Harshit. <br> I am studying at University of Suwon . </body> </html> Now the output will be My name is Harshit. I am studying at University of Suwon. Q What is the output for the code below? <html> <head> <title >My Home Page with a heading</title> </head> <body> My name is Harshit. <br> I am studying at University of Suwon. </body> </html> Answer) Comments Q) Why do we need comments?, infact every language supports comments, be it C, C++ or Java? Answer) When we write a page with a lot of code, and we come back to it later to wonder what we did, it can be made easier if we have comments in the document which don't show up in the browser. For example <html> <head> <!-- This is the title of my page
- 4. <title>My Page</title> </head> <body> <!--This is the start of my page! As if I didn't know that - I did say it was a trivial example!--> <!--Start of my heading--> <h1>My Heading - What my page is about.</h1> <!--End of my heading--> </body> So the output is My Heading - What my page is about. Everthing contained in <!-- -- > is not visible on the browser.