Download to read offline
![Day 2 - Web_Development [basic HTML tags and their functionalities].pptx](https://cdn.slidesharecdn.com/ss_thumbnails/day2-webdevelopmentbasichtmltagsandtheirfunctionalities-240906194136-26a4ba6f-thumbnail.jpg?width=640&height=640&fit=bounds)
HTML.pptx
- 1.
- 2. What is html? HTMLstands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. Programing:- <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
- 3. Example Explained •The <!DOCTYPEhtml> declaration defines that this document is an HTML5 document •The <html> element is the root element of an HTML page •The <head> element contains meta information about the HTML page •The <title> element specifies a title for the HTML page (which is shown in the • browser's title bar or in the page's tab) •The <body> element defines the document's body, and is a container for all the visible • contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. •The <h1> element defines a large heading •The <p> element defines a paragraph What is an HTML Element? An HTML element is defined by a start tag, some content, and an end tag: <tag name> Content goes here... </tag name> The HTML element is everything from the start tag to the end tag: <h1>My First Heading</h1> <p>My first paragraph.</p>
- 4. HTML History The HyperText Mark-up Language or HTML is the standard mark-up language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript. Wikipedia Latest release: HTML 5.3 Container for: HTML elements Extended to: XHTML Developed by: WHATWG Extended from: SGML Initial release: 1993; 30 years ago Year Version 1989 Tim Berners-Lee invented www 1991 Tim Berners-Lee invented HTML 1993 Dave Raggett drafted HTML+ 1995 HTML Working Group defined HTML 2.0 1997 W3C Recommendation: HTML 3.2 1999 W3C Recommendation: HTML 4.01 2000 W3C Recommendation: XHTML 1.0 2008 WHATWG HTML5 First Public Draft 2012 WHATWG HTML5 Living Standard 2014 W3C Recommendation: HTML5 2016 W3C Candidate Recommendation: HTML 5.1 2017 W3C Recommendation: HTML5.1 2nd Edition 2017 W3C Recommendation: HTML5.2 Since the early days of the World Wide Web, there have been many versions of HTML:
- 5. HTML Attributes All HTMLelements can have attributes Attributes provide additional information about elements Attributes are always specified in the start tag Attributes usually come in name/value pairs like: name="value" The href Attribute The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to: Example <a href="https://www.w3schools.com">Visit W3Schools</a> The src Attribute The <img> tag is used to embed an image in an HTML page. The src attribute specifies the path to the image to be displayed: Example <img src="img_girl.jpg">
- 6. The width andheight Attributes The <img> tag should also contain the width and height attributes, which specify the width and height of the image (in pixels): Example <img src="img_girl.jpg" width="500" height="600"> The alt Attribute The required alt attribute for the <img> tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to a slow connection, or an error in the src attribute, or if the user uses a screen reader. Example <img src="img_girl.jpg" alt="Girl with a jacket"> The style Attribute The style attribute is used to add styles to an element, such as color, font, size, and more. Example <p style="color:red;">This is a red paragraph.</p>
- 7. The Lang Attribute Youshould always include the lang attribute inside the <html> tag, to declare the language of the Web page. This is meant to assist search engines and browsers. The following example specifies English as the language: <!DOCTYPE html> <html lang="en"> <body> </body> </html> The title Attribute The title attribute defines some extra information about an element. The value of the title attribute will be displayed as a tooltip when you mouse over the element: Example <p title="I'm a tooltip">This is a paragraph.</p>
- 8. What is basicstructure of HTML? A few of the basic tags that can be seen in almost all the HTML documents are <HTML>, <! Doctype html>, <head>, <span>, <body>, <p>, <div>, <u>, <sub>, <sup>, <strong>, <em>, <hr>, <br>, <li>, <ol>, <ul>, <a href =…>, header tags like h1, h2, h3, .., <img src=””/>, etc. Basic tag <html> … </html> — The root element. ... <head> … </head> — The document head. ... <title> … </title> — The page title. ... <body> … </body> — The page's content. ... <h1> … </h1> — A section heading. ... <p> … </p> — A paragraph. ... <a> … </a> — A link. ... <img> — An image.
- 9.