Html
•Descargar como PPTX, PDF•
0 recomendaciones•486 vistas
html
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Similar a Html
Similar a Html (20)
Más de baabtra.com - No. 1 supplier of quality freshers
Más de baabtra.com - No. 1 supplier of quality freshers (20)
Último
Último (20)
Html
- 3. 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
- 4. 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.
- 5. 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 ?
- 6. • 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
- 7. <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
- 8. <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
- 9. <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>
- 10. <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
- 11. <ol> • represents an ordered list of items. • Each list item starts with the <li> tag • An ordered list can be numerical or alphabetical example
- 12. <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
- 13. <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
- 14. <iframe> • specifies an inline frame. • used to embed another document within the current HTML document. <iframe src="http://google.com"></iframe> example
- 15. <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
- 16. <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
- 17. <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
- 19. 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.
- 20. 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
- 21. 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