SlideShare a Scribd company logo
How to update HTML Files?

    1. Open Notepad. Click File->Save As. Choose all files from the file type menu. Save
        your file as file.html. You can replace file with anything. Usually the main page of a
        website is index.html.
    2. HTML (hypertext markup language) use tags. Tags are basically some text inside
        of <angle brackets>.You will use a variety of tags to create the webpage. There are
        also "end tags" which look like </text>.These end things like a bold font.
    3. The first tag of a webpage is usually the <html> tag. You can put this at the top of
        your Notepad file.
    4. The next tag is the <head> tag. Between the <head> and </head> tags are the title
        tag, which tells the browser what to put at the top of the window, and meta tags,
        which tell search engines like Google what the site is about.
    5. On the next line after your <head> tag, put a <title> tag. After the title tag, write
        (not in angle brackets) what you want to put at the top of your website window,
        usually the title of your website. Now end the title by typing </title>
    6. Now end your head by typing </head>
    7. Next in our website comes the body tag. Type <body but leave the tag open.
        There's some extra stuff that can go in here! This is where you specify the
        background color and text color for you website. If you wanted to have a blue
        background with orange text, you would use <body bgcolor="blue" text="orange">
        Please note that not all colors are supported on all browsers. (for instance, dark grey
        probably wouldn't be supported on most browsers)
    8. Between the two body tags goes the content of your webpage, what the user sees.
        Let's start with a header. A header is a section of large text, and is specified in HTML
        with <h1> through <h6>, with <h1> being the largest. So at the top of your webpage,
        after the body tag, might be something like <h1>Welcome to my site!</h1> Make
        sure you remember the end tag, or your whole webpage will be in giant!
    9. Another tag that can go in the webpage body is the <p> tag, or paragraph tag.
        So after your header, you might have <p>I'm learning how to make a website!
        wikiHow rules!</p> If you want a new line in your site, use the <br> tag, or break
        tag.
    10. You probably don't want a webpage that's all plain text. So let's put in some
        formatting. <b> for bold text, <i> for italics, and <u> for underlining. Remember
        your end tags!
    11. What really make a website interesting is pictures. Even with formatting, who
        wants to look at endless words? Use the <img> tag to do this. But, like the body tag,
        it needs some extra information. An img tag might look like this: <imgsrc="dog.jpg"
        width="200" height="200" alt="dog">.The src (source) is what the picture is called.
        The width and height are the width and height of the picture in pixels.
    12. You want your visitors to be able to see more than just one page. To create links, use:
        <a href="otherpage.html">. Another page</a>The text in between the tags is what


                                                                                 th
www.jademagnet.com                               #294 Kanakpura Road, Jayanagar 7 Block, Bangalore 560070, India
the user clicks on to get to the next page, and the href part is where their click takes
        them. Using tags you can let your users move effortlessly around your website.
    13. To finish up, you need to end your body with </body>, and entire webpage with
        </html>
    14. Save your work and open the .html file in your favourite web browser.




                                                                                 th
www.jademagnet.com                               #294 Kanakpura Road, Jayanagar 7 Block, Bangalore 560070, India

More Related Content

What's hot (20)

PPTX
Html
mazario
 
PDF
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Ahsan Rahim
 
PPT
Formatting your web page
cachs_computing
 
PPTX
Html.ppt
Sunil Thakur
 
PPTX
Basics of HTML
Anshuman Tandon
 
PDF
Intro to HTML
Gerson Abesamis
 
PPTX
Web design - HTML (Hypertext Markup Language) introduction
Mustafa Kamel Mohammadi
 
PPT
1. html introduction
Muhammad Toqeer
 
PPTX
HTML Basic, CSS Basic, JavaScript basic.
Beqa Chacha
 
PPTX
Learning HTML
Desarae Veit
 
PPT
Learning Html
Damian Gonz
 
PPTX
HTML Introduction
Hameda Hurmat
 
PPTX
Basic HTML
coachhahn
 
PPT
Html ppt by Fathima faculty Hasanath college for women bangalore
fathima12
 
PPT
HTML
Rahul Jain
 
PPTX
Very basic intro to HTML
kmcintyre3
 
PPT
Html
KIDSTOYSERA
 
PPTX
HTML Lesson 1
TonyC445
 
PPT
Xhtml Part1
nleesite
 
Html
mazario
 
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Ahsan Rahim
 
Formatting your web page
cachs_computing
 
Html.ppt
Sunil Thakur
 
Basics of HTML
Anshuman Tandon
 
Intro to HTML
Gerson Abesamis
 
Web design - HTML (Hypertext Markup Language) introduction
Mustafa Kamel Mohammadi
 
1. html introduction
Muhammad Toqeer
 
HTML Basic, CSS Basic, JavaScript basic.
Beqa Chacha
 
Learning HTML
Desarae Veit
 
Learning Html
Damian Gonz
 
HTML Introduction
Hameda Hurmat
 
Basic HTML
coachhahn
 
Html ppt by Fathima faculty Hasanath college for women bangalore
fathima12
 
Very basic intro to HTML
kmcintyre3
 
HTML Lesson 1
TonyC445
 
Xhtml Part1
nleesite
 

Similar to How to update HTML files (20)

DOCX
HTML Lab ProjectTo create a simple web page you will need .docx
adampcarr67227
 
PPTX
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
 
PPT
Rd.Html
Ram Dutt Shukla
 
PDF
Punch it Up with HTML and CSS
mtlgirlgeeks
 
PPT
Web designing using html
julicris021488
 
PPTX
HTML Bootcamp
MayeCreate Design
 
PPTX
Html
yugank_gupta
 
DOCX
Html basics
Ramesh Kumar
 
PDF
Introduction to HTML programming for webpages.pdf
Mahmoud268161
 
PPTX
HTML Bootcamp
MayeCreate Design
 
PPT
Unit 2 (html)
manochitra10
 
PPT
Html 4.0
waynet20
 
PDF
Basic HTML Tutorial For Beginners
DHTMLExtreme
 
PPTX
WEB TECHNOLOGY SLIDE 2 coe35mgfdggdh.pptx
simukondasankananji8
 
DOC
Printable version (must have Word)
butest
 
PPT
Introduction to HTML
Abzetdin Adamov
 
PDF
Web Design Basics
Cindy Royal
 
PPTX
HTML Coding
selcukca84
 
PDF
Lesson 8 Computer Creating your Website.pdf
AshleyJovelClavecill
 
PPTX
Introduction to HTML
Meghan Frisco
 
HTML Lab ProjectTo create a simple web page you will need .docx
adampcarr67227
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
jatin batra
 
Punch it Up with HTML and CSS
mtlgirlgeeks
 
Web designing using html
julicris021488
 
HTML Bootcamp
MayeCreate Design
 
Html basics
Ramesh Kumar
 
Introduction to HTML programming for webpages.pdf
Mahmoud268161
 
HTML Bootcamp
MayeCreate Design
 
Unit 2 (html)
manochitra10
 
Html 4.0
waynet20
 
Basic HTML Tutorial For Beginners
DHTMLExtreme
 
WEB TECHNOLOGY SLIDE 2 coe35mgfdggdh.pptx
simukondasankananji8
 
Printable version (must have Word)
butest
 
Introduction to HTML
Abzetdin Adamov
 
Web Design Basics
Cindy Royal
 
HTML Coding
selcukca84
 
Lesson 8 Computer Creating your Website.pdf
AshleyJovelClavecill
 
Introduction to HTML
Meghan Frisco
 
Ad

More from JadeMagnet (20)

DOC
Ideas from Crowd Campaign - Is Qatar social enough for impacting car sales - ...
JadeMagnet
 
PDF
Article on crowdsourcing in India Today
JadeMagnet
 
PPTX
Managed Crowdsourcing - Jade Magnet
JadeMagnet
 
PPTX
Managed crowdsourcing
JadeMagnet
 
PPTX
Wisdom of Crowds
JadeMagnet
 
PDF
PPC Management for a Real Estate Major
JadeMagnet
 
PPTX
Case study: Social Marketing for an automobile major
JadeMagnet
 
PPTX
Starting up - Presentation at IEEE
JadeMagnet
 
PPTX
Digital Marketing Case Study_Jade Magnet
JadeMagnet
 
PPT
Social Business Planning for Businesses
JadeMagnet
 
PPT
8 ways to write shorter tweets
JadeMagnet
 
PPT
20 ways to increase the social media engagement
JadeMagnet
 
PPT
Jade Magnet Account Manager Model
JadeMagnet
 
PPT
why should you even think of Pinterest
JadeMagnet
 
PPTX
How Jade Magnet Works for Clients
JadeMagnet
 
PPTX
Jade Magnet Annual Report 2012
JadeMagnet
 
PDF
Sample Provider Invoice-Jade Magnet_2012
JadeMagnet
 
PPT
Why animate?
JadeMagnet
 
DOCX
Facebook Applications for Consumer Engagement
JadeMagnet
 
PPT
Why Jade Magnet?
JadeMagnet
 
Ideas from Crowd Campaign - Is Qatar social enough for impacting car sales - ...
JadeMagnet
 
Article on crowdsourcing in India Today
JadeMagnet
 
Managed Crowdsourcing - Jade Magnet
JadeMagnet
 
Managed crowdsourcing
JadeMagnet
 
Wisdom of Crowds
JadeMagnet
 
PPC Management for a Real Estate Major
JadeMagnet
 
Case study: Social Marketing for an automobile major
JadeMagnet
 
Starting up - Presentation at IEEE
JadeMagnet
 
Digital Marketing Case Study_Jade Magnet
JadeMagnet
 
Social Business Planning for Businesses
JadeMagnet
 
8 ways to write shorter tweets
JadeMagnet
 
20 ways to increase the social media engagement
JadeMagnet
 
Jade Magnet Account Manager Model
JadeMagnet
 
why should you even think of Pinterest
JadeMagnet
 
How Jade Magnet Works for Clients
JadeMagnet
 
Jade Magnet Annual Report 2012
JadeMagnet
 
Sample Provider Invoice-Jade Magnet_2012
JadeMagnet
 
Why animate?
JadeMagnet
 
Facebook Applications for Consumer Engagement
JadeMagnet
 
Why Jade Magnet?
JadeMagnet
 
Ad

Recently uploaded (20)

PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PDF
Biography of Daniel Podor.pdf
Daniel Podor
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
Biography of Daniel Podor.pdf
Daniel Podor
 

How to update HTML files

  • 1. How to update HTML Files? 1. Open Notepad. Click File->Save As. Choose all files from the file type menu. Save your file as file.html. You can replace file with anything. Usually the main page of a website is index.html. 2. HTML (hypertext markup language) use tags. Tags are basically some text inside of <angle brackets>.You will use a variety of tags to create the webpage. There are also "end tags" which look like </text>.These end things like a bold font. 3. The first tag of a webpage is usually the <html> tag. You can put this at the top of your Notepad file. 4. The next tag is the <head> tag. Between the <head> and </head> tags are the title tag, which tells the browser what to put at the top of the window, and meta tags, which tell search engines like Google what the site is about. 5. On the next line after your <head> tag, put a <title> tag. After the title tag, write (not in angle brackets) what you want to put at the top of your website window, usually the title of your website. Now end the title by typing </title> 6. Now end your head by typing </head> 7. Next in our website comes the body tag. Type <body but leave the tag open. There's some extra stuff that can go in here! This is where you specify the background color and text color for you website. If you wanted to have a blue background with orange text, you would use <body bgcolor="blue" text="orange"> Please note that not all colors are supported on all browsers. (for instance, dark grey probably wouldn't be supported on most browsers) 8. Between the two body tags goes the content of your webpage, what the user sees. Let's start with a header. A header is a section of large text, and is specified in HTML with <h1> through <h6>, with <h1> being the largest. So at the top of your webpage, after the body tag, might be something like <h1>Welcome to my site!</h1> Make sure you remember the end tag, or your whole webpage will be in giant! 9. Another tag that can go in the webpage body is the <p> tag, or paragraph tag. So after your header, you might have <p>I'm learning how to make a website! wikiHow rules!</p> If you want a new line in your site, use the <br> tag, or break tag. 10. You probably don't want a webpage that's all plain text. So let's put in some formatting. <b> for bold text, <i> for italics, and <u> for underlining. Remember your end tags! 11. What really make a website interesting is pictures. Even with formatting, who wants to look at endless words? Use the <img> tag to do this. But, like the body tag, it needs some extra information. An img tag might look like this: <imgsrc="dog.jpg" width="200" height="200" alt="dog">.The src (source) is what the picture is called. The width and height are the width and height of the picture in pixels. 12. You want your visitors to be able to see more than just one page. To create links, use: <a href="otherpage.html">. Another page</a>The text in between the tags is what th www.jademagnet.com #294 Kanakpura Road, Jayanagar 7 Block, Bangalore 560070, India
  • 2. the user clicks on to get to the next page, and the href part is where their click takes them. Using tags you can let your users move effortlessly around your website. 13. To finish up, you need to end your body with </body>, and entire webpage with </html> 14. Save your work and open the .html file in your favourite web browser. th www.jademagnet.com #294 Kanakpura Road, Jayanagar 7 Block, Bangalore 560070, India