Basic html

Views:
 
Category: Education
     
 

Presentation Description

No description available.

Comments

Presentation Transcript

Basic html:

Basic html Prepared By: Hadisah Nehzati For Education Purpose Only !

What is HTML ?:

What is HTML ? Hypertext Markup Language, a standardized system for tagging text files to achieve font, color , graphic, and hyperlink effects on World Wide Web pages.

Syntax :

Syntax <!DOCTYPE HTML> <html > < head> < title>Hello</title> </ head> < body > <p>Welcome to this example.</p > </ body > </html>

Slide4:

Tag Description <!DOCTYPE...> This tag defines the document type and HTML version. <html> This tag encloses the complete HTML document and mainly comprises of document header which is represented by  <head>...</head>  and document body which is represented by  <body>...</body>  tags. <head> This tag represents the document's header which can keep other HTML tags like <title>, <link> etc. <title> The  <title>  tag is used inside the <head> tag to mention the document title. <body> This tag represents the document's body which keeps other HTML tags like <h1>, <div>, <p> etc. <h1> This tag represents the heading. <p> This tag represents a paragraph.

HTML BASIC TAGS:

HTML BASIC TAGS Heading tag Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements  < h1>, <h2>, <h3>, <h4>, <h5>, and <h6 > .

HTML BASIC TAGS:

HTML BASIC TAGS Example <!DOCTYPE html> < html > <head > <title>Heading Example</title > </head > <body> < h1>This is heading 1</h1> < h2>This is heading 2</h2> < h3>This is heading 3</h3 > <h4>This is heading 4</h4> < h5>This is heading 5</h5 > <h6>This is heading 6</h6 > </body> </ html>

HTML BASIC TAGS :

HTML BASIC TAGS Paragraph Tag The  <p>  tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing </p> tag 

HTML BASIC TAGS :

HTML BASIC TAGS <!DOCTYPE html> < html > <head > < title> Paragraph Example </title > </ head > < body > < p> Here is a first paragraph of text. </p> < p> Here is a second paragraph of text. </p> < <p>Here is a third paragraph of text. </p> </ body > </ html>

HTML BASIC TAGS :

HTML BASIC TAGS Line Break Tag Whenever you use the  < br />  element, anything following it starts from the next line. This tag is an example of an  empty  element, where you do not need opening and closing tags, as there is nothing to go in between them.

HTML BASIC TAGS:

HTML BASIC TAGS <!DOCTYPE html> < html > <head > <title> Line Break Example </title > </head > <body > < p> Hello < br /> You are the beast .< br /> Keep it up !</ p > </body > </html>

HTML BASIC TAGS:

HTML BASIC TAGS Horizontal Lines Horizontal lines are used to visually break up sections of a document. The  < hr > tag creates a line from the current position in the document to the right margin and breaks the line accordingly.

HTML BASIC TAGS :

HTML BASIC TAGS <!DOCTYPE html > <html > <head> < title> Horizontal Line Example </title> </ head > <body > <p> This is paragraph one and should be on top </p> < hr /> <p> This is paragraph two and should be at bottom </p> </ body> </ html>

HTML BASIC TAGS :

HTML BASIC TAGS Centering Content You can use  <center>  tag to put any content in the center of the page or any table cell.

HTML BASIC TAGS :

HTML BASIC TAGS <!DOCTYPE html > <html > <head > <title > Centering Content Example </title> </ head> < body > <p> This text is not in the center. </p> <center> < p> This text is in the center. </p> </center> </ body> </ html>

THANK YOU :

THANK YOU