• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On Slideshare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. RaziKallayi RaziKallayi@gmail.com www.facebook.com/RaziKallayi twitter.com/RaziKallayi in.linkedin.com/in/RaziKallayi 9746730324 htmlHyper Text Mark-up Language
  • 2. Disclaimer: This presentation is prepared by trainees of baabtra as a part of mentoring program. This is not official document of baabtra –Mentoring Partner Baabtra-Mentoring Partner is the mentoring division of baabte System Technologies Pvt . Ltd
  • 3. HTML • Is a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on Web pages. • Developed by scientist Tim Berners-Lee in 1990 at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland.
  • 4. refers to the way in which Web pages (HTML documents) are linked together. text document with tags that tell a Web browser how to structure it to display. Hypertext Markup Language What is and ?
  • 5. • Starts with <html> and ends with </html> tag. • Entire document is composed inside these two tags. • HTML is split into two sections: • The <head>…</head> • The <body>...</body> STRUCTURE OF HTMLSTRUCTURE OF HTML
  • 6. <h1> to <h6> • define HTML headings •<h1> defines the most important heading. • <h6> defines the least important heading. •That is, <h1> has largest font size and <h6> the least example
  • 7. <a> • defines a hyperlink, which is used to link from one page to another. • href attribute link's to destination. • By default, links will appear as follows in all browsers: o An unvisited link is underlined and blue o A visited link is underlined and purple o An active link is underlined and red <a href="http://www.google.com">Search!</a> example
  • 8. <link> • defines the relationship between a document and an external resource. • most used to link to style sheets <head> <link rel="stylesheet" type="text/css“ href="styles.css"> </head>
  • 9. <ul> • defines an unordered list. • Each list item starts with the <li> tag • By defaut, the list items are marked with bullets • Unordered list are used to style the navigation link in webpages example
  • 10. <ol> • represents an ordered list of items. • Each list item starts with the <li> tag • An ordered list can be numerical or alphabetical example
  • 11. <table> • defines an HTML table. • consists of the <table> element and one or more <tr>, <th>, and <td> elements. • The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell. example
  • 12. <img> • tag defines an image in an HTML page. • Images are not technically inserted into an HTML page, images are linked to HTML pages. • The <img> tag creates a holding space for the referenced image. <img src=“picture.jpg" alt=“picture"> example
  • 13. <iframe> • specifies an inline frame. • used to embed another document within the current HTML document. <iframe src="http://google.com"></iframe> example
  • 14. <form> • used to create an HTML form for user input. • <form> element may contain o <input> o <textarea> o <button> o <select> o <option> o <radio> o <checkbox> o etc.. example
  • 15. <div> • defines a division or a section in an HTML document. • used to group block-elements to format them with CSS. • Block elements add a line break before and after them, and expand to 100% <div style="color:#29c"> <h3>This is a heading</h3> <p>This is a paragraph.</p> </div> example
  • 16. <span> • used to group inline-elements in a document. • Inline elements don’t break the text before and after them • provides a way to add style to a part of a text Early to bed and early to rise makes a man <span style="color: red;"><b>healthy</b></span>,<span style="color: green;"><b>wealthy</b></span> and <span style="color: blue;"><b>wise</b></span>. example
  • 17. thankyou RAZI KALLAYI
  • 18. Want to learn more about programming or Looking to become a good programmer? Are you wasting time on searching so many contents online? Do you want to learn things quickly? Tired of spending huge amount of money to become a Software professional? Do an online course @ baabtra.com We put industry standards to practice. Our structured, activity based courses are so designed to make a quick, good software professional out of anybody who holds a passion for coding.
  • 19. Follow us @ twitter.com/baabtra Like us @ facebook.com/baabtra Subscribe to us @ youtube.com/baabtra Become a follower @ slideshare.net/BaabtraMentoringPartner Connect to us @ in.linkedin.com/in/baabtra Give a feedback @ massbaab.com/baabtra Thanks in advance www.baabtra.com | www.massbaab.com |www.baabte.com
  • 20. Emarald Mall (Big Bazar Building) Mavoor Road, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 NC Complex, Near Bus Stand Mukkam, Kozhikode, Kerala, India. Ph: + 91 – 495 40 25 550 Cafit Square, Hilite Business Park, Near Pantheerankavu, Kozhikode Start up Village Eranakulam, Kerala, India. Email: info@baabtra.com Contact Us