HTML Presentation
poojapanwar49
57 views
13 slides
Sep 11, 2022
Slide 1 of 13
1
2
3
4
5
6
7
8
9
10
11
12
13
About This Presentation
This presentation of html - a web development language
Slide Content
HTML HYPER TEXT MARKUP LANGUAGE PREPARED By :- Aditya Varun Deepak Panwar
What is HTML ? HTML (Hyper Text Markup Language ) is the standard language for creating simple web pages. HTML describes the structure of webpage by using markup. What is HTML Elements ? An HTML element is a component of an HTML document that tells a web browser how to structure and interpret a part of the HTML document. HTML elements can contain formatting instructions, semantic meaning, and content.
What is HTML Tag ? HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content . HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags . <h2> This is heading tag </h2> opening tag closing tag Note :- HTML file should be saved as( .html ) exetension .
A simple HTML Document – <! DOCTYPE HTML> <html> <head><title> Page Title </title></head> <body> <h1> This is Heading <h1> <p> This is paragraph </p> </body> </html>
The <!DOCTYPE html> declaration defines this document to the HTML5 The <html> element is the root of element of an HTML page The <head> A container for all the head elements (title, scripts, styles, meta information, and more) The <head> element specifies a title for the document The <body> element contain the visible page content The <h1 > element defines a large heading The <p> element defines a paragraph
HTML Formatting Elements 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 Heading HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading . Example < h1> This is heading 1 <h1 > < h2> this is heading 2 </h2> < h3> this is heading 3 </h3 > HTML Paragraph HTML paragraphs are defined with the <p> tag : Example < p> This is a paragraph. </p> <p> This is another paragraph . </ p >
HTML Links HTML links are defined with the <a> tag: Example:- <a href =" https://www.w3schools.com "> This is a link </a > The link's destination is specified in the href attribute . Attributes are used to provide additional information about HTML elements . HTML lists HTML lists are defined with the < ul > (unordered/bullet list) or the < ol > (ordered/numbered list) tag, followed by < 1i> tags (list items ): Example < ul > < ol > <1i> Coffee </ 1i> < li > milk </ li > < 1i> Milk</1i ></ u1 > < li > tea </ li >
HTML Images Images can improve the design and the appearance of a web page . In HTML, images are defined with the < img > tag . The < img > tag is empty, it contains attributes only and does not have a closing tag. The src attribute specifies the URL (web address/ img address) of the image < img src =" https://media.istockphoto.com/photos/sporty-man-on-the-mountain-peak-looking-on-mountain-valley-with-at-picture-id1277015766?b=1&k=20&m=1277015766&s=170667a&w=0&h=3vkjdvbCKE6q1ixhl_u190XOTqZYVvpGSpngOKdEZZ0 = “>
HTML Attributes Attributes provide additional information about Html information about HTML elements. All HTML elements can have attributes. Attributes provide additional information about an element. Attributes are always specified in the start tag. Attributes usually come in name/value pairs like name =" value“. Href Attribute <a href = www.w3school.com > href attribute </a>
Src Attribute The filename of the images source is specified in the Src attribute. ex:- < img src =“ img_boy.jpg ”> Width & height attribute < img src =“ Img_boy.jpg ” width=“10px”height”8px”> The Style Attribute The style attribute is used to specify the styling of an element like, color ,font, size etc. Example:- <p style=“font-size:25px;color:blue”> This is blue Para. </p>
By Style attribute we can change text align, size, color etc, we can also change the background colour of web page. <p style=“text- align:center ”> centered text </p> <p style=“ border:px solid black”> </p> Some More Tag :- <hr> horizontal line < br > line break tag <div> it is a division/section tag in html </div> <span> inline tag </span> Comment Tag:- The comment tag is used to insert comments in the source code .comments are not displayed in browser (Good for Debuging ). Ex;- <! Comment>
Download
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 57
- Slides 13
- Age 1176 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