1 / 25

Html introduction

html introduction and its tags

rahul235
Download Presentation

Html introduction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Html

  2. INTRODUCTION OF HTML:- • Hyper Text Markup Language is developed by "Tim Bemusler" (around 1980). It is not a programming language It is a markup language. It is used to create a Web Pages, Along with CSS and JAVA Script.

  3. HTML TAGS:- 8.Pre Tag. 9. Superscript Tag. 10. Unpair Tag. 11. Graphics Tag. 12. Marquee Tag. 13. Anchor • 1.Heading Tag. • 2. Paragraph Tag. • 3. Bold Tag. • 4. Italics Tag. • 5. Underline Tag. • 6. Center Tag. • 7. tt Tag.

  4. HEADING TAG:- • Any document starts with a heading. We can use different sizes of heading tags. HTML also has six levels of headings, which use the elements <h1>,<h2>, <h3> ,<h4>, <h5>, <h6>

  5. EXAMPLE OF HEADING TAG • <html> • <head> • <title>heading</title> • </head><body>RCEW • < h1 >RCEW</h1>RCEW • < h 2 > RCEW </h2> • <h 3 > RCEW </h3> • <h4>RCEW</h4> • </body> • </html>

  6. PARAGRAPH TAG:- • <p> tags offers a way to structure we text into different paragraphs . Each paragraph of text should go in between on opening <p> and closing </p> tag.

  7. EXAMPLES OF PARAGRAPH TAG:- • <html> • <head> • <title>paragraph</title> • </head> • <body> <p>first paragraph</p> • <p>second paragraph</p> • <p>third paragraph</p> • </body></html>

  8. BOLD TAG:- • The <b> tag specifies bold text.

  9. EXAMPLE OF BOLD TAG:- • <html> • <body> • <p>This is normal <b>text is bold text</b> • </p> • </body> • </html>

  10. ITALIC TAG:- • The < i > tag defines a part of text in an alternate voice or mood. The content of the <i> tag is usually displayed in italic. The <i> tag can be used to in italic . • The <i> tag can be used to indicate a technical term, a phrase from another language.

  11. EXAMPLE OF ITALICS TAG:- • <html> • <body> • <p>He named his car<i>The lighting</i></p> • </body> • </html>

  12. UNDERLINE TAG:- • The<u> tag represents some text that should be stylistically different from normal • text. Syntax:- • <html> • <body> • <p>This is a • <u>paragraph</u> • .</p> • </body></html>

  13. CENTER TAG:- • The <center> tag is used to align text.

  14. EXAMPLE OF CENTER TAG • <html> • <body> • <p>This is cat.</p> • <center> how</center> • <p>This is cat</p> • </body> • </html>

  15. SUPERSCRIPT TAG:- • The <sup> tag defines Subscript text . • Subscript text appears half a character above the normal lines and is sometimes rendered in a small font.

  16. ANCHOR TAG • The <a> tag defines a hyper link; which is used to link from one page to another page.The most important attribute of the <a> element is the href attribute, which indicates the link's destination. It is used to redirect one page toAnother page is called anchor tag.Syntax:-<ahref="edgename with extension">clickname>/a>

  17. BREAK TAG:- • The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag.

  18. EXAMPLE OF BREAK TAG • <html> • <body> • <p> this line <br> in use the <br> element. A text <br> use the br element. • </p> • </body> • </html>

  19. MARQUEE TAG:- • The HTML <marquee> tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings.Syntax:-<marquee behavior="alternate"Scrollamount="4" direction="left" onmouse="stop()"Onmouseout="start" /marquee>

  20. LIST:- • Group of item is called list. • List has two type-> • 1.Ordered list (ol) • 2.Unordered list (ul)

  21. EXAMPLE OF ORDERED LIST:- • <html> • <body> • <h2>Ordered List</h2> • <ol>type="1"> • <li>Coffee</li><li>Tea</li> • <li>Milk</li></ol> • </body> • </html

  22. ONE EXAMPLE OF UNORDERED LIST:-(DISC) • <html> • <body> • <h2>Unordered List</h2> • <ul>type="disc"> • <li>Coffee</li> • <li>Tea</li> • <li>Milk</li></ul></body></html>

  23. TABLE:- • It is used to stored the data in rows and coloumns. Property of table:- • 1.table. • 2.width. • 3.height. • 4.Border • 5.align. • Horizontal is represented by tr and vertical is represented by td.

  24. FORM:- • Form is used to submit or basic information on a server or database. • 1.Text(name/email/mobile)->it is unpair. • 2.Password -> it is unpair. • 3.Radio (male/female)-> it is unpair. • 4.Checkbox->it is unpair. • 5.File (upload browse file)-> it is pair. • 6.textarea(address)->it is pair. • 7.Button(submit/sign in/log in/cancel)-> it is unpair.

  25. Thank you

More Related