SlideShare ist ein Scribd-Unternehmen logo
1 von 2
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web page
cachs_computing
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
TonyC445
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1
nleesite
 

Was ist angesagt? (20)

Html
HtmlHtml
Html
 
What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
 
Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web page
 
Html.ppt
Html.pptHtml.ppt
Html.ppt
 
Basics of HTML
Basics of HTMLBasics of HTML
Basics of HTML
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
 
Web design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introductionWeb design - HTML (Hypertext Markup Language) introduction
Web design - HTML (Hypertext Markup Language) introduction
 
Html
HtmlHtml
Html
 
1. html introduction
1. html introduction1. html introduction
1. html introduction
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Learning Html
Learning HtmlLearning Html
Learning Html
 
HTML Introduction
HTML IntroductionHTML Introduction
HTML Introduction
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangaloreHtml ppt by Fathima faculty Hasanath college for women bangalore
Html ppt by Fathima faculty Hasanath college for women bangalore
 
HTML
HTMLHTML
HTML
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTML
 
Html
HtmlHtml
Html
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1
 

Ähnlich wie How to update HTML files

Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
Erin M. Kidwell
 
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxHTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
adampcarr67227
 
Web pageassignment
Web pageassignmentWeb pageassignment
Web pageassignment
beachtch
 
Basic html training national
Basic html training nationalBasic html training national
Basic html training national
Needanuts
 
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docxHTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docx
fideladallimore
 

Ähnlich wie How to update HTML files (20)

Web Design Basics
Web Design BasicsWeb Design Basics
Web Design Basics
 
Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
 
HTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docxHTML Lab ProjectTo create a simple web page you will need .docx
HTML Lab ProjectTo create a simple web page you will need .docx
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Html basics
Html basicsHtml basics
Html basics
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basic file
Html basic fileHtml basic file
Html basic file
 
Html basics
Html basicsHtml basics
Html basics
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Web pageassignment
Web pageassignmentWeb pageassignment
Web pageassignment
 
Html
HtmlHtml
Html
 
Html basics NOTE
Html basics NOTEHtml basics NOTE
Html basics NOTE
 
Basic html training national
Basic html training nationalBasic html training national
Basic html training national
 
HTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docxHTML Lab ProjectTo create a simple web page you will need to use.docx
HTML Lab ProjectTo create a simple web page you will need to use.docx
 
Html basics
Html basicsHtml basics
Html basics
 

Mehr von JadeMagnet

Sample Provider Invoice-Jade Magnet_2012
Sample Provider Invoice-Jade Magnet_2012Sample Provider Invoice-Jade Magnet_2012
Sample Provider Invoice-Jade Magnet_2012
JadeMagnet
 

Mehr von JadeMagnet (20)

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

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 

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