HTML - HYPERTEXT MARKUP LANGUAGE AND ITS DIFFERENT ELEMENTS
sharunmeetkour20
46 views
56 slides
Jun 04, 2024
Slide 1 of 56
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
About This Presentation
This contains HTML :
1.History of HTML
2.Basic structure of HTML
3.Elements of HTML
4.Attributes of HTML: Href attribute, Src attribute, style attribute, lang attribute & title attribute.
5.HTML heading & Paragraphs
6.HTML Styles
7.HTML Textformatting
8. HTML Quotation & Citation elemen...
Slide Content
Assignment : HTML(Hypertext Markup Language) Submitted to: Mr. Muruli N (Assistant Professor) Submitted by : Ms. Sharunmeet Kour (CUHP23MLIB13) Master of Library and Information Science
Content HTML History of HTML Basic structure of HTML Elements of HTML Attributes of HTML: Href attribute, Src attribute, style attribute, lang attribute & title attribute. HTML heading & Paragraphs HTML Styles HTML Textformatting HTML Quotation & Citation elements, HTML Comments HTML Colors, HTML Styles –CSS & HTML links. HTML images: Images, Background images & Picture elements. HTML Favicon & HTML Page title HTML Tables: tables sizes, tables header, Padding & spacing, Colspan & Rowspan , table styling & table colgroup . HTML List: Ordered, Unordered and other lists. HTML Forms: forms attributes, method attributes, autocomplete attributes, HTML input types ,input attributes, and input form*attributes. References
HTML HTML stands 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.
HISTORY OF HTML Filename extension .html/. htm Developed by WHATWG World Wide Web Consortium (W3C) Initial release 1993 Latest release Living Standard Type of format Document file format Container for HTML elements Contained by Web browser Extended from SGML (Standard Generalized Markup Language) Extended to XHTML (Extensible HyperText Markup Language) Website html.spec.whatwg.org
BASIC STRUCTURE OF HTML All HTML documents must start with a document type declaration : <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. <!DOCTYPE html > < html > <head> <title></title> </head> <body ><h1>WINGS OF KOUR</ h1> <p>My first paragraph.</p> </ body> </html>
Elements of html An HTML element is defined by a start tag, some content, and an end tag. < tagname >Content goes here...</ tagname > <html> Defines the root of an HTML document <body> Defines the document's body <h1> to <h6> Defines HTML headings
ATTRIBUTES OF HTML HTML attributes provide additional information about HTML elements. All HTML elements 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 HREF stands for “Hypertext Reference” The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to: <a href =“URL">Text</a> If the href attribute is not present, the <a> tag will not be a hyperlink.
The src Attribute Src stands for source. 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: < img src =“Sharun.jpg"> The < img > tag should also contain the width and height attributes, which specify the width and height of the image. The alt attribute for the < img > tag specifies an alternate text for an image, if the image for some reason cannot be displayed.
The style Attribute, The lang Attribute & The title Attribute The style attribute is used to add styles to an element, such as color, font, size, and more. 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 title attribute defines some extra information about an element.
Html headings, Paragraphs HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading. The HTML <p> element defines a paragraph. The <hr> element is used to separate content (or define a change) in an HTML page, is most often displayed as a horizontal rule. The HTML < br > element defines a line break. The HTML <pre> element defines preformatted text.
Html styles The HTML style attribute is used to add styles to an element, such as color, font, size, and more. < tagname style=" property : value ; "> Background Color: <body style="background- color:powderblue ;"> Text color: <p style=" color:red ;">html.</p> Font : <p style="font- family:courier ;">This is a paragraph.</p> Text Size: <p style="font-size:160%;"> HTML style attribute </p> Text alignment: <p style="text- align:center ;">Centered paragraph.</p>
HTML Text Formatting HTML contains several elements for defining text with a special meaning. Formatting elements were designed to display special types of text: <b> - Bold text <strong> - Important text < i > - Italic text < em > - Emphasized text <mark> - Marked text <small> - Smaller text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text
HTML Quotation and Citation Elements, HTML Comments The HTML <q> tag defines a short quotation. Tags :< blockquote >,<q>, < abbr >, <address>, <cite>, and < bdo > BDO stands for Bi-Directional Override. HTML comments are not displayed in the browser, but they can help document your HTML source code.
HTML Colors, HTML Styles – CSS, HTML Links HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values. rgb ( red , green , blue ) HEX : hexadecimal value in the form. Hsl (hue, saturation, lightness) CSS stands for Cascading Style Sheets. A link does not have to be text. A link can be an image or any other HTML element.
HTML Images
Background images
Picture element
HTML Favicon , HTML Page Title
HTML Tables HTML tables allow web developers to arrange data into rows and columns. A table in HTML consists of table cells inside rows and columns. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a < tr > and ends with a </ tr > tag. th stands for table header. < th >…</ th >
html table sizes
Html table header
HTML Table Padding & Spacing
HTML Table Colspan & Rowspan
HTML Table Styling
HTML TABLE COLGROUP
HTML LISTS
HTML FORMS
HTML FORM ATTRIBUTES
The Method Attribute
The Autocomplete Attribute
The Novalidate Attribute
HTML Input Types
HTML INPUT ATTRIBUTES
HTML Input form* Attributes
References: Central University of Himachal Pradesh . ( n.d .).University Logo. https://www.cuhimachal.ac.in/index.php/About_us/university_logo HTML tutorial .( n.d ).W3Schools Online Web Tutorials. https://www.w3schools.com/html/default.asp In Wikipedia .( n.d ). https://en.wikipedia.org/wiki/HTML HTML standard.( n.d ). HTML Living Standard https://html.spec.whatwg.org/
Categories
DesignDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 46
- Slides 56
- Age 544 days
Related Slideshows
1
MGV Residential Design projects for different clients, including a New Mexico Adobe project-1-.pdf
mannyvesa
26 views
16
EUNITED_Advocacy and Public Engagement through Visual Media
GeorgeDiamandis11
30 views
31
DESIGN THINKINGGG PPT 2 TOPIC IDEATION.pptx
HibaZaidi2
24 views
36
DESIGN THINKING CHAPTER 1 PPTT PPT 1.pptx
HibaZaidi2
27 views
112
Hinduism and Its History - PowerPoint Slides.pptx
ConorMcCormack10
23 views
20
Service Attributes of Manufactured Parts.pptx
MustafaEnesKrmac
24 views