basic introduction of html tags
Download as PPTX, PDF2 likes786 views
HTML, or Hypertext Markup Language, is the standard language for creating web pages, developed by Tim Berners-Lee in 1990. The document provides basic instructions on creating and viewing HTML documents, including the structure of an HTML file and common tags used for headings, lists, images, and links. Examples of HTML code demonstrate various elements such as headings, paragraphs, lists, and image attributes.
basic introduction of html tags
- 1. HTML
- 2. What is Html ? HTML is short for HyperText Markup Language and is a language used to create electronic documents, especially pages on the World Wide Web Its Developed by Tim Berners Lee in 1990
- 3. Basic HTML Document Format <HTML> <HEAD> <TITLE>HTML</TITLE> </HEAD> <BODY> Hello Frnds </BODY> </HTML>
- 4. How to Create and View an HTML document? 1.Use an text editor such as Notepad to write the document. 2.Save the file as hello.html on a PC. This is called the Document Source. 3.Open Mozilla Firefox (or any browser) Off-Line 4.Switch to Mozilla Firefox 5.Click on File, Open File and select the hello.html document that you just created. 6.Your HTML page should now appear just like any other Web page in Mozilla Firefox .
- 5. Tags use in Html Tags in head <TITLE>...</TITLE>-- puts text on the browser's title bar. <HEAD>...</HEAD>-- contains information about the document
- 6. Tags in Body Text Heading: <H1> </H1> Center:<Center> </Center> Line Break <P> ,<Br> Phrase Markups: <I></I> ,<B></B> Create a List Unordered list : <UL><li> Ordered list: <OL><li>
- 7. <Html> <head> <title> Html </title> </head> <body> <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> </body> <html>
- 8. <html> <body> <center><h1> my first program </h1></center> m manish <br> m done mca </body> </html>
- 9. <html> <body> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html>
- 10. <html> <body> <h4>An Unordered List:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> <h5>An Ordered List:</h5> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> </html>
- 11. Add Images Use <IMG SRC=hello.jpeg> tags Attributes of IMG tag -width,height -Alt -Align -<Img src=my.gif width=50 height=50 align=right alt=“My image”>
- 12. <html> <body> <img src="tk.jpg" alt="The Kites" width="500" height="500"> </body> </html>
- 13. Add some Link Use <A href=hello.html></a>tags Colors changes tag <FONT COLOR=#RRGGBB> <BODY BGCOLOR=#19378a>
- 14. <html> <body> <body bgcolor=green> <a href="p.html"> click the link</a> </font> </body> </html>
- 15. <html> <body> <font color=red font size=10> hello everyone <br> am manish </font> </body> <html>