SlideShare une entreprise Scribd logo
1  sur  14
HTML Demo 	  …By YuvaLakshya Team All rights reserved
Learn to create simple HTML page- Click on Start Go to Run and type notepad Click on OK
Open your simple webpage and we will modify it to make it better- Go to File Menu And click on Open Browse your file and click on Open
Save the copy of this notepad Your file name should  always end with “ .html “ extension .  e.g demo.html
Go to File Menu And click on Save As Always save file with “ .html “ extension Click on Save
Now we will learn new tags- Header tag , Paragraph tag , Horizontal line  , Line break Paragraph tag <p> Different header tags<h1> to <h6> For line break <br> For Horizontal line  <hr>
HTML does not recognizespaces or lines you use when typing text For this we use break and paragraph tag The <BR> tag forces a line break, and the <P> tag creates a paragraph break. <P>inserts an extra blank line between paragraphs, and <BR> does not. <hr> tag causes ahorizontal "rule"line  which is a line break. It  is used wherever you'd like to seea line across the page. <BR> and<HR> do not need a closing </BR> or </HR> tag. The <P> tag doesn't requirea closing </P> tag , it  ends whenever the next tag begins.
Any text between the <H1> and </H1> tags will appear as a large heading.  There are Six heading tags <H1> to <H6> Any text  written in <H1> tags will appear as a large heading. <H2> to <H6>will make progressively smaller  headings. Important difference between atitleand a heading.  In HTML, <TITLE> gives the entire page an identifying namewhich is not displayed on the page. The heading tags, cause some text on the page to be displayed.
Now check how your HTML tags will work- Paragraph tag Texts in different header Horizontal line break
Aligning text to Center of the page Center tag Text will be displayed at the center of the page Rest page is same.
	It will look as below-  Text is displayed at the center of the page
Now we will add color in background and text Notice body tag Background of the page will become  Pink Font color will change to Blue
Go to saved file Right click on it and Open with Internet Explorer
Look background color Text color

Contenu connexe

Tendances

Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tags
CK Yang
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
Denni Domingo
 
Css Basics
Css BasicsCss Basics
Css Basics
ehorner
 
HTML & Textile Training
HTML & Textile TrainingHTML & Textile Training
HTML & Textile Training
ehealth
 
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
Sandeep Supal
 

Tendances (20)

New HTML5/CSS3 techniques
New HTML5/CSS3 techniquesNew HTML5/CSS3 techniques
New HTML5/CSS3 techniques
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tags
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Html ppt
Html pptHtml ppt
Html ppt
 
Unit 2.3 Part 1
Unit 2.3 Part 1Unit 2.3 Part 1
Unit 2.3 Part 1
 
Html
HtmlHtml
Html
 
S3 HTML Introduction
S3 HTML IntroductionS3 HTML Introduction
S3 HTML Introduction
 
Html_Day_One (W3Schools)
Html_Day_One (W3Schools)Html_Day_One (W3Schools)
Html_Day_One (W3Schools)
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
 
HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)HTML_Day_Two(W3Schools)
HTML_Day_Two(W3Schools)
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Lesson1 Intro to HTML
Lesson1 Intro to HTMLLesson1 Intro to HTML
Lesson1 Intro to HTML
 
Css Basics
Css BasicsCss Basics
Css Basics
 
Html1
Html1Html1
Html1
 
HTML & Textile Training
HTML & Textile TrainingHTML & Textile Training
HTML & Textile Training
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Basics Of Html
Basics Of HtmlBasics Of Html
Basics Of Html
 
Html Presentation Of Web Page Making
Html Presentation Of Web Page MakingHtml Presentation Of Web Page Making
Html Presentation Of Web Page Making
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
 

En vedette

A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
Gazza Otim
 
A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
Gazza Otim
 
Reputation Management Online
Reputation Management OnlineReputation Management Online
Reputation Management Online
elliotsheen
 
A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
Gazza Otim
 

En vedette (20)

Bio&go A sustainable business
Bio&go   A sustainable businessBio&go   A sustainable business
Bio&go A sustainable business
 
A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
 
BLOOM: Investing in L.A.'s Black Male Youth
BLOOM: Investing in L.A.'s Black Male YouthBLOOM: Investing in L.A.'s Black Male Youth
BLOOM: Investing in L.A.'s Black Male Youth
 
CCF Summer Youth Fund-YMCA
CCF Summer Youth Fund-YMCACCF Summer Youth Fund-YMCA
CCF Summer Youth Fund-YMCA
 
Le relazioni industriali. Uno studio sul caso in Italia e all'Estero
Le relazioni industriali. Uno studio sul caso in Italia e all'EsteroLe relazioni industriali. Uno studio sul caso in Italia e all'Estero
Le relazioni industriali. Uno studio sul caso in Italia e all'Estero
 
How to Apply for the FEDCO Teacher Grant
How to Apply for the FEDCO Teacher GrantHow to Apply for the FEDCO Teacher Grant
How to Apply for the FEDCO Teacher Grant
 
A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
 
Reputation Management Online
Reputation Management OnlineReputation Management Online
Reputation Management Online
 
YL html
YL htmlYL html
YL html
 
YL frame demo
YL frame demoYL frame demo
YL frame demo
 
Incorporation - CAIPO Barbados
Incorporation - CAIPO BarbadosIncorporation - CAIPO Barbados
Incorporation - CAIPO Barbados
 
YL form tag with checkbox
YL form tag with checkboxYL form tag with checkbox
YL form tag with checkbox
 
A pecha kucha presentation
A pecha kucha presentationA pecha kucha presentation
A pecha kucha presentation
 
YL html form demo
YL html form demoYL html form demo
YL html form demo
 
YL basic computer Learning
YL basic computer LearningYL basic computer Learning
YL basic computer Learning
 
Planned Giving Presentation
Planned Giving PresentationPlanned Giving Presentation
Planned Giving Presentation
 
YL Intro html
YL Intro htmlYL Intro html
YL Intro html
 
Capacity Building for Nonprofit Organizations
Capacity Building for Nonprofit OrganizationsCapacity Building for Nonprofit Organizations
Capacity Building for Nonprofit Organizations
 
Media Powerpoint Presentation
Media Powerpoint PresentationMedia Powerpoint Presentation
Media Powerpoint Presentation
 
Marketing opérationnel
Marketing opérationnel Marketing opérationnel
Marketing opérationnel
 

Similaire à YL basic tag (20)

Html
HtmlHtml
Html
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Html part2
Html part2Html part2
Html part2
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
Html basic
Html basicHtml basic
Html basic
 
Html
HtmlHtml
Html
 
Html TAGS
Html TAGSHtml TAGS
Html TAGS
 
Html tag
Html tagHtml tag
Html tag
 
YL html intro1
YL html intro1YL html intro1
YL html intro1
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Diva
DivaDiva
Diva
 
HTML_Slideshow1
HTML_Slideshow1HTML_Slideshow1
HTML_Slideshow1
 
Prabu html
Prabu htmlPrabu html
Prabu html
 
html.pptx
html.pptxhtml.pptx
html.pptx
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Dernier (20)

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 

YL basic tag

  • 1. HTML Demo …By YuvaLakshya Team All rights reserved
  • 2. Learn to create simple HTML page- Click on Start Go to Run and type notepad Click on OK
  • 3. Open your simple webpage and we will modify it to make it better- Go to File Menu And click on Open Browse your file and click on Open
  • 4. Save the copy of this notepad Your file name should always end with “ .html “ extension . e.g demo.html
  • 5. Go to File Menu And click on Save As Always save file with “ .html “ extension Click on Save
  • 6. Now we will learn new tags- Header tag , Paragraph tag , Horizontal line , Line break Paragraph tag <p> Different header tags<h1> to <h6> For line break <br> For Horizontal line <hr>
  • 7. HTML does not recognizespaces or lines you use when typing text For this we use break and paragraph tag The <BR> tag forces a line break, and the <P> tag creates a paragraph break. <P>inserts an extra blank line between paragraphs, and <BR> does not. <hr> tag causes ahorizontal "rule"line which is a line break. It is used wherever you'd like to seea line across the page. <BR> and<HR> do not need a closing </BR> or </HR> tag. The <P> tag doesn't requirea closing </P> tag , it ends whenever the next tag begins.
  • 8. Any text between the <H1> and </H1> tags will appear as a large heading. There are Six heading tags <H1> to <H6> Any text written in <H1> tags will appear as a large heading. <H2> to <H6>will make progressively smaller headings. Important difference between atitleand a heading. In HTML, <TITLE> gives the entire page an identifying namewhich is not displayed on the page. The heading tags, cause some text on the page to be displayed.
  • 9. Now check how your HTML tags will work- Paragraph tag Texts in different header Horizontal line break
  • 10. Aligning text to Center of the page Center tag Text will be displayed at the center of the page Rest page is same.
  • 11. It will look as below- Text is displayed at the center of the page
  • 12. Now we will add color in background and text Notice body tag Background of the page will become Pink Font color will change to Blue
  • 13. Go to saved file Right click on it and Open with Internet Explorer
  • 14. Look background color Text color