SlideShare a Scribd company logo
S3 HTML Structure and
Formatting
Learning Intentions
At the end of the lesson I will be able to:
 Learn basic HTML formatting
 Create a web page and be able to make changes to text
formatting
HTML Formatting
 Although a web browser can read text, it struggles with
basic formatting like spacing and bold
 We have to use HTML tags to tell the browser how the text
should look and where the text should be positioned on
the webpage
Paragraphs and Line Breaks
 Paragraph is defined in HTML with the <p> </p> tag
<p> This is a paragraph </p> This is a paragraph
<p> This is another paragraph </p> This is another paragraph
Paragraphs and Line Breaks
 Line break is a tag which is inserted into the text to spilt a sentence
 This is line 1 <br> This text is now on line 2:
This is line 1
This text is now on line 2
 The line break tag is the only tag which has no end tag because
it comes in the middle of the text.
Headings
 HTML headings are defined with the <h1> to <h6> tags:
Other Text Formatting
Task 1
Task 2
Task 3

More Related Content

What's hot

Html Power Point 1
Html Power Point 1Html Power Point 1
Html Power Point 1
JenniferHinz
 
Using talis decisions to obtain email addresses of
Using talis decisions to obtain email addresses ofUsing talis decisions to obtain email addresses of
Using talis decisions to obtain email addresses of
East Lothian Libraries
 

What's hot (20)

Adding text in html
Adding text in htmlAdding text in html
Adding text in html
 
Html Power Point 1
Html Power Point 1Html Power Point 1
Html Power Point 1
 
Facebookcamp Toronto FBML
Facebookcamp Toronto FBMLFacebookcamp Toronto FBML
Facebookcamp Toronto FBML
 
Practical file on web technology(html)
Practical file on web technology(html)Practical file on web technology(html)
Practical file on web technology(html)
 
Module 1
Module 1Module 1
Module 1
 
Web design - Working with Text and Lists in HTML
Web design - Working with Text and Lists in HTMLWeb design - Working with Text and Lists in HTML
Web design - Working with Text and Lists in HTML
 
Html tags
Html tagsHtml tags
Html tags
 
Std 10 Chapter 2 Head and Body Sections in HTML (Part 2- Body section)
Std 10 Chapter 2 Head and Body Sections in HTML (Part 2- Body section)Std 10 Chapter 2 Head and Body Sections in HTML (Part 2- Body section)
Std 10 Chapter 2 Head and Body Sections in HTML (Part 2- Body section)
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Html basic
Html basicHtml basic
Html basic
 
Using talis decisions to obtain email addresses of
Using talis decisions to obtain email addresses ofUsing talis decisions to obtain email addresses of
Using talis decisions to obtain email addresses of
 
Html Basic
Html Basic Html Basic
Html Basic
 
Html basics
Html basicsHtml basics
Html basics
 
Html
HtmlHtml
Html
 
Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)
 
Html intro
Html introHtml intro
Html intro
 
Html ppt
Html pptHtml ppt
Html ppt
 
Cs 110 r18 part 4.3 2020 03 15 word
Cs 110 r18 part 4.3  2020 03 15   wordCs 110 r18 part 4.3  2020 03 15   word
Cs 110 r18 part 4.3 2020 03 15 word
 
Understanding THML
Understanding THMLUnderstanding THML
Understanding THML
 
html tags
html tagshtml tags
html tags
 

Similar to S3 HTML Structure and Formatting

htmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvddhtmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
hemanthkalyan25
 
htmlnotes Which tells about all the basic
htmlnotes Which tells about all the basichtmlnotes Which tells about all the basic
htmlnotes Which tells about all the basic
hemanthkalyan25
 
Html project
Html projectHtml project
Html project
arsh7511
 

Similar to S3 HTML Structure and Formatting (20)

Html introduction
Html introductionHtml introduction
Html introduction
 
Html_Day_One (W3Schools)
Html_Day_One (W3Schools)Html_Day_One (W3Schools)
Html_Day_One (W3Schools)
 
HTML Presentation
HTML Presentation HTML Presentation
HTML Presentation
 
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvddhtmlnotes-180924151434.pdf dafdkzndsvkdvdd
htmlnotes-180924151434.pdf dafdkzndsvkdvdd
 
htmlnotes Which tells about all the basic
htmlnotes Which tells about all the basichtmlnotes Which tells about all the basic
htmlnotes Which tells about all the basic
 
Html notes
Html notesHtml notes
Html notes
 
Html tags
Html tagsHtml tags
Html tags
 
HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
HTML Basic Tags PDF by CodeHim
HTML Basic Tags PDF by CodeHimHTML Basic Tags PDF by CodeHim
HTML Basic Tags PDF by CodeHim
 
Html project
Html projectHtml project
Html project
 
Week-1_PPT_WEBAPPS-done.pptx
Week-1_PPT_WEBAPPS-done.pptxWeek-1_PPT_WEBAPPS-done.pptx
Week-1_PPT_WEBAPPS-done.pptx
 
html
htmlhtml
html
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
 
HTML
HTMLHTML
HTML
 
Html rahul jain
Html rahul jainHtml rahul jain
Html rahul jain
 
Html
HtmlHtml
Html
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html basics
Html basicsHtml basics
Html basics
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 

More from SabahtHussein (20)

S3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and ImagesS3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and Images
 
S3 HTML Lists and Tables
S3 HTML Lists and TablesS3 HTML Lists and Tables
S3 HTML Lists and Tables
 
S3 HTML Introduction
S3 HTML IntroductionS3 HTML Introduction
S3 HTML Introduction
 
S1 Programming Lesson 1
S1 Programming Lesson 1S1 Programming Lesson 1
S1 Programming Lesson 1
 
S1 Web Development
S1 Web DevelopmentS1 Web Development
S1 Web Development
 
Video Games Development
Video Games DevelopmentVideo Games Development
Video Games Development
 
S2 Data Types
S2 Data TypesS2 Data Types
S2 Data Types
 
Introduction to Pseudocode
Introduction to PseudocodeIntroduction to Pseudocode
Introduction to Pseudocode
 
S3 SQL
S3 SQLS3 SQL
S3 SQL
 
Query Design
Query DesignQuery Design
Query Design
 
SQL PT
SQL PTSQL PT
SQL PT
 
Query design
Query designQuery design
Query design
 
S3 Field Types
S3 Field TypesS3 Field Types
S3 Field Types
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Database Testing and Evaluation
Database Testing and EvaluationDatabase Testing and Evaluation
Database Testing and Evaluation
 
DPA and GDPR
DPA and GDPRDPA and GDPR
DPA and GDPR
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Green technology
Green technologyGreen technology
Green technology
 

Recently uploaded

Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
Industrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training ReportIndustrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training Report
Avinash Rai
 

Recently uploaded (20)

Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
Basic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumersBasic phrases for greeting and assisting costumers
Basic phrases for greeting and assisting costumers
 
How to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERPHow to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERP
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matrices
 
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdfDanh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
 
Gyanartha SciBizTech Quiz slideshare.pptx
Gyanartha SciBizTech Quiz slideshare.pptxGyanartha SciBizTech Quiz slideshare.pptx
Gyanartha SciBizTech Quiz slideshare.pptx
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
Benefits and Challenges of Using Open Educational Resources
Benefits and Challenges of Using Open Educational ResourcesBenefits and Challenges of Using Open Educational Resources
Benefits and Challenges of Using Open Educational Resources
 
The Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. HenryThe Last Leaf, a short story by O. Henry
The Last Leaf, a short story by O. Henry
 
NCERT Solutions Power Sharing Class 10 Notes pdf
NCERT Solutions Power Sharing Class 10 Notes pdfNCERT Solutions Power Sharing Class 10 Notes pdf
NCERT Solutions Power Sharing Class 10 Notes pdf
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
Morse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxMorse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptx
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
How to Break the cycle of negative Thoughts
How to Break the cycle of negative ThoughtsHow to Break the cycle of negative Thoughts
How to Break the cycle of negative Thoughts
 
Keeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security ServicesKeeping Your Information Safe with Centralized Security Services
Keeping Your Information Safe with Centralized Security Services
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
Industrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training ReportIndustrial Training Report- AKTU Industrial Training Report
Industrial Training Report- AKTU Industrial Training Report
 

S3 HTML Structure and Formatting

  • 1. S3 HTML Structure and Formatting
  • 2. Learning Intentions At the end of the lesson I will be able to:  Learn basic HTML formatting  Create a web page and be able to make changes to text formatting
  • 3. HTML Formatting  Although a web browser can read text, it struggles with basic formatting like spacing and bold  We have to use HTML tags to tell the browser how the text should look and where the text should be positioned on the webpage
  • 4. Paragraphs and Line Breaks  Paragraph is defined in HTML with the <p> </p> tag <p> This is a paragraph </p> This is a paragraph <p> This is another paragraph </p> This is another paragraph
  • 5. Paragraphs and Line Breaks  Line break is a tag which is inserted into the text to spilt a sentence  This is line 1 <br> This text is now on line 2: This is line 1 This text is now on line 2  The line break tag is the only tag which has no end tag because it comes in the middle of the text.
  • 6. Headings  HTML headings are defined with the <h1> to <h6> tags: