SlideShare a Scribd company logo
HTML – CREATING
WEBSITES...
Starter
1. What does HTML stand for?
HTML
 HyperText Markup Language
 Basically – the building blocks for websites
So how does it work?
HTML uses tags.
The tags are commands, which tell the computer
where text and images should go on a page and
what it should look like.
What do HTML tags look like?
HTML tags are written using angle brackets like this to start a
command <body>
and with a forward slash inside the bracket to end it </body>
What do the tags do?
Web pages are broken down into 3 main parts
1. The Head
2. The Body
3. The Footer
Each of these parts has its own tag:
<head> </head>
<body> </body>
<footer> </footer>
These tags can be used to tell the computer where on the
page
to display the content
So how do I make a page?
To create your own page on a website or blog you would
need to write some HTML code as well as the page you
want to publish.
You might write something that looks like this:
Tells the computer
it’s a web page
The title
The main part of the
page
What does it look like?
This is what a blog post on our blog looks like in HTML on the left, and
when it is published on the right.
Title bar
Body
Task
 Using the worksheet provided on MS Teams
we would like you to highlight the HTML Code
tags.
How to complete your task:
Through Assignments on the general channel:
Click on today’s Computing task and open the
document.
This is the
highlight function.
It will allow you to
highlight the
HTML code which
you can find.
Remember to hand in.
Once you have completed highlighting the HTML
code remember to hand in your document so I
can see what you have been doing and leave
some feedback.

More Related Content

What's hot

Web designp pt
Web designp ptWeb designp pt
Web designp pt
Bizzyb09
 
Jolly_Justo_How To Install Thrive Themes To Your Website.PDF
Jolly_Justo_How To Install Thrive Themes To Your Website.PDFJolly_Justo_How To Install Thrive Themes To Your Website.PDF
Jolly_Justo_How To Install Thrive Themes To Your Website.PDF
Jolly Justo
 
Jolly_Justo_How To Set Up Get Drip To Your Website
Jolly_Justo_How To Set Up Get Drip To Your WebsiteJolly_Justo_How To Set Up Get Drip To Your Website
Jolly_Justo_How To Set Up Get Drip To Your Website
Jolly Justo
 
Web Expression 3.0
Web Expression 3.0Web Expression 3.0
Web Expression 3.0
rimt2010
 

What's hot (20)

Adding Space
Adding SpaceAdding Space
Adding Space
 
Setting up Skype
Setting up SkypeSetting up Skype
Setting up Skype
 
TNHFMA Newsletter - Successful Practices
TNHFMA Newsletter - Successful PracticesTNHFMA Newsletter - Successful Practices
TNHFMA Newsletter - Successful Practices
 
Web Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperWeb Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros Developer
 
Create or setup an outlook account
Create or setup an outlook accountCreate or setup an outlook account
Create or setup an outlook account
 
Web designp pt
Web designp ptWeb designp pt
Web designp pt
 
RapidResponse Autoresponder Quick Start Guide Pictorial
RapidResponse Autoresponder Quick Start Guide Pictorial RapidResponse Autoresponder Quick Start Guide Pictorial
RapidResponse Autoresponder Quick Start Guide Pictorial
 
Url shortener
Url shortenerUrl shortener
Url shortener
 
How to use a Template in Dreamweaver CS3
How to use a Template in Dreamweaver CS3How to use a Template in Dreamweaver CS3
How to use a Template in Dreamweaver CS3
 
Jolly_Justo_How To Install Thrive Themes To Your Website.PDF
Jolly_Justo_How To Install Thrive Themes To Your Website.PDFJolly_Justo_How To Install Thrive Themes To Your Website.PDF
Jolly_Justo_How To Install Thrive Themes To Your Website.PDF
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup Language
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
 
How to add a new blog post in WordPress.pdf
How to add a new blog post in WordPress.pdfHow to add a new blog post in WordPress.pdf
How to add a new blog post in WordPress.pdf
 
my presentation
my presentationmy presentation
my presentation
 
Packages
PackagesPackages
Packages
 
Jolly_Justo_How To Set Up Get Drip To Your Website
Jolly_Justo_How To Set Up Get Drip To Your WebsiteJolly_Justo_How To Set Up Get Drip To Your Website
Jolly_Justo_How To Set Up Get Drip To Your Website
 
Basic CSS concepts by naveen kumar veligeti
Basic CSS concepts by naveen kumar veligetiBasic CSS concepts by naveen kumar veligeti
Basic CSS concepts by naveen kumar veligeti
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
From doh to pro!
From doh to pro!From doh to pro!
From doh to pro!
 
Web Expression 3.0
Web Expression 3.0Web Expression 3.0
Web Expression 3.0
 

Similar to HTML computing

Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
robertbenard
 
Web design in 7 days by waqar
Web design in 7 days by waqarWeb design in 7 days by waqar
Web design in 7 days by waqar
Waqar Chodhry
 

Similar to HTML computing (20)

Html basic
Html basicHtml basic
Html basic
 
Html
HtmlHtml
Html
 
Importance of HTML
Importance of HTMLImportance of HTML
Importance of HTML
 
Let me design
Let me designLet me design
Let me design
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
 
TOPIC 2 - HTML BASICS.pptx
TOPIC 2 - HTML BASICS.pptxTOPIC 2 - HTML BASICS.pptx
TOPIC 2 - HTML BASICS.pptx
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
 
Html
HtmlHtml
Html
 
html
htmlhtml
html
 
Web design in 7 days by waqar
Web design in 7 days by waqarWeb design in 7 days by waqar
Web design in 7 days by waqar
 
Web design in 7 days
Web design in 7 daysWeb design in 7 days
Web design in 7 days
 
Html basics
Html basicsHtml basics
Html basics
 
Html interview-questions-and-answers
Html interview-questions-and-answersHtml interview-questions-and-answers
Html interview-questions-and-answers
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some Attributes
 
Notes4
Notes4Notes4
Notes4
 
Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)Web Development 1 (HTML & CSS)
Web Development 1 (HTML & CSS)
 
Basic HTML Tutorial For Beginners
Basic HTML Tutorial For BeginnersBasic HTML Tutorial For Beginners
Basic HTML Tutorial For Beginners
 
Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 

More from MrsAtherton (13)

Year 5 re islam key beliefs
Year 5 re islam key beliefsYear 5 re islam key beliefs
Year 5 re islam key beliefs
 
Harry Potter by Erin
Harry Potter by ErinHarry Potter by Erin
Harry Potter by Erin
 
Digital Leader Assembly October 2019
Digital Leader Assembly October 2019Digital Leader Assembly October 2019
Digital Leader Assembly October 2019
 
International Womens Day
International Womens DayInternational Womens Day
International Womens Day
 
Applying to a Digital Leader
Applying to a Digital LeaderApplying to a Digital Leader
Applying to a Digital Leader
 
Our Digital Leader Story
Our Digital Leader StoryOur Digital Leader Story
Our Digital Leader Story
 
The presentation
The presentationThe presentation
The presentation
 
Dr who time adventures!
Dr who time adventures!Dr who time adventures!
Dr who time adventures!
 
Maths week in class 7
Maths week in class 7Maths week in class 7
Maths week in class 7
 
Maths week Year 1
Maths week Year 1Maths week Year 1
Maths week Year 1
 
Year 5 and 6 Maths Week
Year 5 and 6 Maths WeekYear 5 and 6 Maths Week
Year 5 and 6 Maths Week
 
Year 2 maths week
Year 2 maths weekYear 2 maths week
Year 2 maths week
 
Digital Leaders powerpoint
Digital Leaders powerpointDigital Leaders powerpoint
Digital Leaders powerpoint
 

Recently uploaded

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)

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
 
Salient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptxSalient features of Environment protection Act 1986.pptx
Salient features of Environment protection Act 1986.pptx
 
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
50 ĐỀ LUYỆN THI IOE LỚP 9 - NĂM HỌC 2022-2023 (CÓ LINK HÌNH, FILE AUDIO VÀ ĐÁ...
 
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdfTelling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
 
How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17
 
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
 
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
 
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
 
size separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticssize separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceutics
 
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
Research Methods in Psychology | Cambridge AS Level | Cambridge Assessment In...
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
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
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
B.ed spl. HI pdusu exam paper-2023-24.pdf
B.ed spl. HI pdusu exam paper-2023-24.pdfB.ed spl. HI pdusu exam paper-2023-24.pdf
B.ed spl. HI pdusu exam paper-2023-24.pdf
 
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
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
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
 

HTML computing

  • 2. Starter 1. What does HTML stand for?
  • 3. HTML  HyperText Markup Language  Basically – the building blocks for websites
  • 4. So how does it work? HTML uses tags. The tags are commands, which tell the computer where text and images should go on a page and what it should look like.
  • 5. What do HTML tags look like? HTML tags are written using angle brackets like this to start a command <body> and with a forward slash inside the bracket to end it </body>
  • 6. What do the tags do? Web pages are broken down into 3 main parts 1. The Head 2. The Body 3. The Footer Each of these parts has its own tag: <head> </head> <body> </body> <footer> </footer> These tags can be used to tell the computer where on the page to display the content
  • 7. So how do I make a page? To create your own page on a website or blog you would need to write some HTML code as well as the page you want to publish. You might write something that looks like this: Tells the computer it’s a web page The title The main part of the page
  • 8. What does it look like? This is what a blog post on our blog looks like in HTML on the left, and when it is published on the right. Title bar Body
  • 9. Task  Using the worksheet provided on MS Teams we would like you to highlight the HTML Code tags.
  • 10. How to complete your task: Through Assignments on the general channel: Click on today’s Computing task and open the document. This is the highlight function. It will allow you to highlight the HTML code which you can find.
  • 11. Remember to hand in. Once you have completed highlighting the HTML code remember to hand in your document so I can see what you have been doing and leave some feedback.