SlideShare a Scribd company logo
1 of 4
Learn HTML and know that you don’t know
What is HTML?
 HTML stands for "Hypertext Markup Language."
 It is the language used to create web pages and give them structure and format.
 HTML uses tags to mark different elements on a web page.
 Tags are like order or instructions that tell the web browser how to display the content.
 HTML Tags always comes in pairs: one is called opening and another is called Closing tag.
Tags always enclosed by angel bracket (<>).
 Web browsers read the HTML code and display the web page accordingly.
Basic HTML Structure
 Every HTML document starts with the <html> tag and ends with the </html> tag.
 The main content of a web page is placed between the <body> and </body> tags.
 Headings are used to create different levels of headings, such as <h1>, <h2>, <h3>, and so
on.
 Paragraphs are created using the <p> tag.
 Links are created using the <a> tag and the href attribute, which specifies the URL of the
linked page.
Working with Images
 You can add images to your web page with the help of this <img> tag.
 The src attribute is used to specify the source or location of the image file.
 Alt attribute provides alternative text for the image, which is displayed if the image cannot be
loaded.
 You can resize your Images the width and height attributes.
Creating Lists
 Unordered lists are created using the <ul> tag and list items are created using the <li> tag.
 Ordered lists are created using the <ol> tag, and list items are also created using the <li>
tag.
 Nested lists can be created by placing one list inside another.
Formatting Text
 Text can be formatted using different tags, such as <strong> for bold, <em> for italic, and
<u> for underline.
 Headings, paragraphs, and other text can be aligned using CSS styles.
Adding Basic Styling
 CSS (Cascading Style Sheets) is used to add styles and colors to HTML elements.
 CSS can be added to an HTML page using the <style> tag or by linking an external CSS file.
 Colors can be specified using different color names or hexadecimal codes.
Q.1 What does HTML stand for?
 HTML stands for Hypertext Markup Language.
Q 2.What is the purpose of HTML in web development?
 HTML is used to create web pages and give them structure and format.
Q 3.What are HTML tags? Give examples of three commonly used HTML tags.
 HTML tags are instructions that tell the web browser how to display content.
o Examples of commonly used HTML tags are:
 <h1> for heading
 <p> for paragraph
 <a> for hyperlink
Q.4 How do you create a hyperlink in HTML? Explain with an example.
 Hyperlinks are created using the <a> tag in HTML.
o Example: <a href="https://www.example.com">Click here</a>
Q 5.How do you add an image to an HTML page? Explain with the required HTML tags and
attributes.
 Images are added using the <img> tag and the src attribute to specify the image source.
o Example: <img src="image.jpg" alt="Description of the image">
Q 6.What is the purpose of the alt attribute in an <img> tag?
 The alt attribute provides alternative text for the image, which is displayed if the image
cannot be loaded.
Q 7.How do you create a numbered list in HTML? Provide an example.
 Numbered lists are created using the <ol> tag, and each list item is created using the <li>
tag.
o Example:
 code
<ol> <li>First item</li>
<li>Second item</li>
<li>Third item</li> </ol>
Q 8.Explain what is an opening tag and a closing tag in HTML?
 An opening tag is used to start an HTML element, while a closing tag is used to end it.
Q 9.How do you format text as bold in HTML? Provide an example.
 Text can be formatted as bold using the <strong> tag.
o Example: <strong>This text is bold</strong>
Q 10.What is the role of CSS in HTML? Briefly explain its purpose and how it is used.
 CSS (Cascading Style Sheets) is used to add styles and colors to HTML elements.
 It is used to control the appearance of web pages by specifying fonts, colors, layouts, and
more.

More Related Content

Similar to Learn HTML and know that you don.docx

Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratchAhmad Al-ammar
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)John Bosco Javellana, MAEd.
 
web development.pdf
web development.pdfweb development.pdf
web development.pdfBagHarki
 
Web Development 3 (HTML & CSS)
Web Development 3  (HTML & CSS)Web Development 3  (HTML & CSS)
Web Development 3 (HTML & CSS)ghayour abbas
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxArjayBalberan1
 
HTML 5 Topic 2
HTML 5 Topic 2HTML 5 Topic 2
HTML 5 Topic 2Juvywen
 
Final by smit parekh
Final  by smit  parekhFinal  by smit  parekh
Final by smit parekhSMIT PAREKH
 
Website Structure Games Class #2
Website Structure Games Class #2Website Structure Games Class #2
Website Structure Games Class #2Holly Akers
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLDer Lo
 
Html tutorials by www.dmdiploma.com
Html tutorials by www.dmdiploma.comHtml tutorials by www.dmdiploma.com
Html tutorials by www.dmdiploma.comShwetaAggarwal56
 
Web Design Basics
Web Design BasicsWeb Design Basics
Web Design BasicsCindy Royal
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental conceptsTsebo Shaun Masilo
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxpanoosha2
 

Similar to Learn HTML and know that you don.docx (20)

Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratch
 
Html presentation
Html presentationHtml presentation
Html presentation
 
Html
HtmlHtml
Html
 
Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)Empowerment Technologies Lecture 10 (Philippines SHS)
Empowerment Technologies Lecture 10 (Philippines SHS)
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
 
Web Development 3 (HTML & CSS)
Web Development 3  (HTML & CSS)Web Development 3  (HTML & CSS)
Web Development 3 (HTML & CSS)
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptx
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 
HTML 5 Topic 2
HTML 5 Topic 2HTML 5 Topic 2
HTML 5 Topic 2
 
Htmlppt
Htmlppt Htmlppt
Htmlppt
 
Final by smit parekh
Final  by smit  parekhFinal  by smit  parekh
Final by smit parekh
 
Website Structure Games Class #2
Website Structure Games Class #2Website Structure Games Class #2
Website Structure Games Class #2
 
Web Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTMLWeb Development Basics: HOW TO in HTML
Web Development Basics: HOW TO in HTML
 
Html tutorials by www.dmdiploma.com
Html tutorials by www.dmdiploma.comHtml tutorials by www.dmdiploma.com
Html tutorials by www.dmdiploma.com
 
Web Design Basics
Web Design BasicsWeb Design Basics
Web Design Basics
 
About html
About htmlAbout html
About html
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental concepts
 
Html starting
Html startingHtml starting
Html starting
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
 

More from Surendra Gusain

5 Ways Digital Currency is Revolutionizing the Financial World.docx
5 Ways Digital Currency is Revolutionizing the Financial World.docx5 Ways Digital Currency is Revolutionizing the Financial World.docx
5 Ways Digital Currency is Revolutionizing the Financial World.docxSurendra Gusain
 
How to Choose the Right College for a Computer Science Major.docx
How to Choose the Right College for a Computer Science Major.docxHow to Choose the Right College for a Computer Science Major.docx
How to Choose the Right College for a Computer Science Major.docxSurendra Gusain
 
The Art of Critical Thinking.docx
The Art of Critical Thinking.docxThe Art of Critical Thinking.docx
The Art of Critical Thinking.docxSurendra Gusain
 
5 Reasons to choose E.docx
5 Reasons to choose E.docx5 Reasons to choose E.docx
5 Reasons to choose E.docxSurendra Gusain
 
What Mistakes Every Beginner Digital Marketer Should Avoid.docx
What Mistakes Every Beginner Digital Marketer Should Avoid.docxWhat Mistakes Every Beginner Digital Marketer Should Avoid.docx
What Mistakes Every Beginner Digital Marketer Should Avoid.docxSurendra Gusain
 
The Benefits of Learning a Second Language.docx
The Benefits of Learning a Second Language.docxThe Benefits of Learning a Second Language.docx
The Benefits of Learning a Second Language.docxSurendra Gusain
 
How to Create an Instagram Profile like a Pro.docx
How to Create an Instagram Profile like a Pro.docxHow to Create an Instagram Profile like a Pro.docx
How to Create an Instagram Profile like a Pro.docxSurendra Gusain
 
What is graphic card.docx
What is graphic card.docxWhat is graphic card.docx
What is graphic card.docxSurendra Gusain
 
5 Instant Earning Ways for Students.docx
5 Instant Earning Ways for Students.docx5 Instant Earning Ways for Students.docx
5 Instant Earning Ways for Students.docxSurendra Gusain
 
How Social Media Marketers Work for a Business.docx
How Social Media Marketers Work for a Business.docxHow Social Media Marketers Work for a Business.docx
How Social Media Marketers Work for a Business.docxSurendra Gusain
 
5 major differences between an educated and a Uneducated person.docx
5 major differences between an educated and a Uneducated person.docx5 major differences between an educated and a Uneducated person.docx
5 major differences between an educated and a Uneducated person.docxSurendra Gusain
 
A career in artificial intelligence.docx
A career in artificial intelligence.docxA career in artificial intelligence.docx
A career in artificial intelligence.docxSurendra Gusain
 
TOP 5 कंप्यूटर कोर्स Under 10K.docx
TOP 5 कंप्यूटर कोर्स Under 10K.docxTOP 5 कंप्यूटर कोर्स Under 10K.docx
TOP 5 कंप्यूटर कोर्स Under 10K.docxSurendra Gusain
 
What is next for the World of Digital Currency.docx
What is next for the World of Digital Currency.docxWhat is next for the World of Digital Currency.docx
What is next for the World of Digital Currency.docxSurendra Gusain
 
What is Machine Learning.docx
What is Machine Learning.docxWhat is Machine Learning.docx
What is Machine Learning.docxSurendra Gusain
 
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docxSurendra Gusain
 

More from Surendra Gusain (20)

5 Ways Digital Currency is Revolutionizing the Financial World.docx
5 Ways Digital Currency is Revolutionizing the Financial World.docx5 Ways Digital Currency is Revolutionizing the Financial World.docx
5 Ways Digital Currency is Revolutionizing the Financial World.docx
 
5 Must.docx
5 Must.docx5 Must.docx
5 Must.docx
 
How to Choose the Right College for a Computer Science Major.docx
How to Choose the Right College for a Computer Science Major.docxHow to Choose the Right College for a Computer Science Major.docx
How to Choose the Right College for a Computer Science Major.docx
 
5 most in.docx
5 most in.docx5 most in.docx
5 most in.docx
 
The Art of Critical Thinking.docx
The Art of Critical Thinking.docxThe Art of Critical Thinking.docx
The Art of Critical Thinking.docx
 
5 Reasons to choose E.docx
5 Reasons to choose E.docx5 Reasons to choose E.docx
5 Reasons to choose E.docx
 
What Mistakes Every Beginner Digital Marketer Should Avoid.docx
What Mistakes Every Beginner Digital Marketer Should Avoid.docxWhat Mistakes Every Beginner Digital Marketer Should Avoid.docx
What Mistakes Every Beginner Digital Marketer Should Avoid.docx
 
The Benefits of Learning a Second Language.docx
The Benefits of Learning a Second Language.docxThe Benefits of Learning a Second Language.docx
The Benefits of Learning a Second Language.docx
 
How to Create an Instagram Profile like a Pro.docx
How to Create an Instagram Profile like a Pro.docxHow to Create an Instagram Profile like a Pro.docx
How to Create an Instagram Profile like a Pro.docx
 
What is graphic card.docx
What is graphic card.docxWhat is graphic card.docx
What is graphic card.docx
 
5 Instant Earning Ways for Students.docx
5 Instant Earning Ways for Students.docx5 Instant Earning Ways for Students.docx
5 Instant Earning Ways for Students.docx
 
How Social Media Marketers Work for a Business.docx
How Social Media Marketers Work for a Business.docxHow Social Media Marketers Work for a Business.docx
How Social Media Marketers Work for a Business.docx
 
10 Must.docx
10 Must.docx10 Must.docx
10 Must.docx
 
5 major differences between an educated and a Uneducated person.docx
5 major differences between an educated and a Uneducated person.docx5 major differences between an educated and a Uneducated person.docx
5 major differences between an educated and a Uneducated person.docx
 
Don.docx
Don.docxDon.docx
Don.docx
 
A career in artificial intelligence.docx
A career in artificial intelligence.docxA career in artificial intelligence.docx
A career in artificial intelligence.docx
 
TOP 5 कंप्यूटर कोर्स Under 10K.docx
TOP 5 कंप्यूटर कोर्स Under 10K.docxTOP 5 कंप्यूटर कोर्स Under 10K.docx
TOP 5 कंप्यूटर कोर्स Under 10K.docx
 
What is next for the World of Digital Currency.docx
What is next for the World of Digital Currency.docxWhat is next for the World of Digital Currency.docx
What is next for the World of Digital Currency.docx
 
What is Machine Learning.docx
What is Machine Learning.docxWhat is Machine Learning.docx
What is Machine Learning.docx
 
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx
10 ऐसी jobs future के लिए जिसका AI कुछ नही बिगाड़ सकती.docx
 

Recently uploaded

dusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningdusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningMarc Dusseiller Dusjagr
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonhttgc7rh9c
 
PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxakanksha16arora
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsNbelano25
 
Economic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food AdditivesEconomic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food AdditivesSHIVANANDaRV
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...Amil baba
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - Englishneillewis46
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsSandeep D Chaudhary
 
Simple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfSimple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfstareducators107
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
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.pptxheathfieldcps1
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17Celine George
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxCeline George
 

Recently uploaded (20)

dusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learningdusjagr & nano talk on open tools for agriculture research and learning
dusjagr & nano talk on open tools for agriculture research and learning
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
 
PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptx
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Economic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food AdditivesEconomic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food Additives
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
OSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & SystemsOSCM Unit 2_Operations Processes & Systems
OSCM Unit 2_Operations Processes & Systems
 
Simple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdfSimple, Complex, and Compound Sentences Exercises.pdf
Simple, Complex, and Compound Sentences Exercises.pdf
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
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
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Our Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdfOur Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdf
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17
 
What is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptxWhat is 3 Way Matching Process in Odoo 17.pptx
What is 3 Way Matching Process in Odoo 17.pptx
 

Learn HTML and know that you don.docx

  • 1. Learn HTML and know that you don’t know What is HTML?  HTML stands for "Hypertext Markup Language."  It is the language used to create web pages and give them structure and format.  HTML uses tags to mark different elements on a web page.  Tags are like order or instructions that tell the web browser how to display the content.
  • 2.  HTML Tags always comes in pairs: one is called opening and another is called Closing tag. Tags always enclosed by angel bracket (<>).  Web browsers read the HTML code and display the web page accordingly. Basic HTML Structure  Every HTML document starts with the <html> tag and ends with the </html> tag.  The main content of a web page is placed between the <body> and </body> tags.  Headings are used to create different levels of headings, such as <h1>, <h2>, <h3>, and so on.  Paragraphs are created using the <p> tag.  Links are created using the <a> tag and the href attribute, which specifies the URL of the linked page. Working with Images  You can add images to your web page with the help of this <img> tag.  The src attribute is used to specify the source or location of the image file.  Alt attribute provides alternative text for the image, which is displayed if the image cannot be loaded.  You can resize your Images the width and height attributes. Creating Lists  Unordered lists are created using the <ul> tag and list items are created using the <li> tag.  Ordered lists are created using the <ol> tag, and list items are also created using the <li> tag.  Nested lists can be created by placing one list inside another. Formatting Text  Text can be formatted using different tags, such as <strong> for bold, <em> for italic, and <u> for underline.  Headings, paragraphs, and other text can be aligned using CSS styles.
  • 3. Adding Basic Styling  CSS (Cascading Style Sheets) is used to add styles and colors to HTML elements.  CSS can be added to an HTML page using the <style> tag or by linking an external CSS file.  Colors can be specified using different color names or hexadecimal codes. Q.1 What does HTML stand for?  HTML stands for Hypertext Markup Language. Q 2.What is the purpose of HTML in web development?  HTML is used to create web pages and give them structure and format. Q 3.What are HTML tags? Give examples of three commonly used HTML tags.  HTML tags are instructions that tell the web browser how to display content. o Examples of commonly used HTML tags are:  <h1> for heading  <p> for paragraph  <a> for hyperlink Q.4 How do you create a hyperlink in HTML? Explain with an example.  Hyperlinks are created using the <a> tag in HTML. o Example: <a href="https://www.example.com">Click here</a> Q 5.How do you add an image to an HTML page? Explain with the required HTML tags and attributes.  Images are added using the <img> tag and the src attribute to specify the image source. o Example: <img src="image.jpg" alt="Description of the image"> Q 6.What is the purpose of the alt attribute in an <img> tag?
  • 4.  The alt attribute provides alternative text for the image, which is displayed if the image cannot be loaded. Q 7.How do you create a numbered list in HTML? Provide an example.  Numbered lists are created using the <ol> tag, and each list item is created using the <li> tag. o Example:  code <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> </ol> Q 8.Explain what is an opening tag and a closing tag in HTML?  An opening tag is used to start an HTML element, while a closing tag is used to end it. Q 9.How do you format text as bold in HTML? Provide an example.  Text can be formatted as bold using the <strong> tag. o Example: <strong>This text is bold</strong> Q 10.What is the role of CSS in HTML? Briefly explain its purpose and how it is used.  CSS (Cascading Style Sheets) is used to add styles and colors to HTML elements.  It is used to control the appearance of web pages by specifying fonts, colors, layouts, and more.