Introduction of HTML

2. Introduction of HTML • Learn to make a complete website on your own that will include text, graphics, tables, lists and links.

3. HTML Document Heading The syntax used of heading tag is <Hn> Text of heading </Hn> </H1> </H2> </H3> </H4> </H5> </H6>

4. HTML Paragraph Tag <P> Paragraph 1 </P> <P> Paragraph 2 </P> The <P> tag used to define the beginning of a new paragraph in a web page

5. HTML Attribute of <P> tag A paragraph in web page defined by <P> tag can be aligned using the align attributes An apple a day keep the doctor away. An apple a day keeps the doctor way An apple a day keeps the doctor away Center align Left align Right align

6. HTML Break Tag <BR> • The <BR> tag is used to give a single line break This is an example to display line break .

7. HTML No Break Tag <NOBR> • The opposite of <BR> tag is <NOBR> This is long piece of text which explains the concept of no line break in a paragraphs. Text can be viewed by scrolling horizontally

8. Formatting Tags <B> Bold tag display the text in bold Click Start is an interesting series of books for students.

9. Italics tag <I> • Italics tag display the text in italics. Italics tag <I> Truth gives a short answer ; lies go round about.

10. Underline tag <U> • Underline tag helps to underline the text Italics tag <I> If at first you don’t succeed, try, try, try again.

11. Strikethrough tag, <STRIKE> • Strikethrough tag is used to strike a line through the middle of the text. Italics tag <I> HTML is not a markup language

12. Superscript tag <SUP> & <SUB> Italics tag <I> The chemical formula of water is H2O X2 + Y2 Superscript tag <SUB> Superscript tag <SUP>

13. Center tag <CENTER> Center tag display the text or an image in the center of the web page Italics tag <I> Center text

14. Horizontal Rule Tag <HR> The attributes or options used with the <HR> tag.

15. Comment Tag <COMMENT> • Comment tag is a container tag, used to insert comment in the HTML code that you use. The comments are not reflected on the web page. Italics tag <I> Click Start

16. Inserting Images To insert an image you use the following syntax: <IMG src= “image name”> • Align attribute can have the following values. • To align the image to the left margin : align=“ left” • To align the image to the right margin: align=“ right” • To align the image with top of the letters in the current line: align=“top” • To align the image with the base line of the letters in the current line: align =“bottom” • To align the image in the middle of the page : align=“middle”

17. 2. Height : This attribute specifies the height of the image 3. Width: This attribute specifies the width of the image. 4. Border : It is a numeric value which sets the width of the border around the image. 5. Alt: This attribute assigns an alternative text to be displayed if the image is not available.

18. Inserting image in HTML Italics tag <I> Powerpuff girls are my favourite cartoon characters. I like the way they fight for a good cause. They are very swift in their work. which is your favourite cartoon character ?

19. Hyperlinks in HTML • The tag use to produce links is called the Anchor tag, or <A> • <A> tag has the following attributes: • Href : This attribute is actually responsible for creating links. • The syntax used is : • <A href=“URL”>Link text </A> • 2. Name: This attribute is used to name a portion of a same document or another document. • This portion can then be linked by using href. • <A name=“A1”>

20. Internal & External linking Internal linking When you link a portion of the same document then it is known as internal linking. External linking When you link two different documents then it is known as external linking.

21. Define colors for all links on the page • By default, the links on a web page are blue in color and are underlined. • The basically three attributes used for changing the color of the hyperlink. • Link • Vlink • Alink