SlideShare une entreprise Scribd logo
1  sur  2
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

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)Ahsan Rahim
 
Formatting your web page
Formatting your web pageFormatting your web page
Formatting your web pagecachs_computing
 
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) introductionMustafa Kamel Mohammadi
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.Beqa Chacha
 
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 bangalorefathima12
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTMLkmcintyre3
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1TonyC445
 
Xhtml Part1
Xhtml Part1Xhtml Part1
Xhtml Part1nleesite
 

Tendances (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
 

Similaire à 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 basic file
Html basic fileHtml basic file
Html basic file
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html basics
Html basicsHtml basics
Html basics
 
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
 
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
 

Plus de JadeMagnet

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 - ...JadeMagnet
 
Article on crowdsourcing in India Today
Article on crowdsourcing in India TodayArticle on crowdsourcing in India Today
Article on crowdsourcing in India TodayJadeMagnet
 
Managed Crowdsourcing - Jade Magnet
Managed Crowdsourcing - Jade MagnetManaged Crowdsourcing - Jade Magnet
Managed Crowdsourcing - Jade MagnetJadeMagnet
 
Managed crowdsourcing
Managed crowdsourcingManaged crowdsourcing
Managed crowdsourcingJadeMagnet
 
Wisdom of Crowds
Wisdom of Crowds Wisdom of Crowds
Wisdom of Crowds JadeMagnet
 
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 MajorJadeMagnet
 
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 majorJadeMagnet
 
Starting up - Presentation at IEEE
Starting up - Presentation at IEEEStarting up - Presentation at IEEE
Starting up - Presentation at IEEEJadeMagnet
 
Digital Marketing Case Study_Jade Magnet
Digital Marketing Case Study_Jade MagnetDigital Marketing Case Study_Jade Magnet
Digital Marketing Case Study_Jade MagnetJadeMagnet
 
Social Business Planning for Businesses
Social Business Planning for BusinessesSocial Business Planning for Businesses
Social Business Planning for BusinessesJadeMagnet
 
8 ways to write shorter tweets
8 ways to write shorter tweets8 ways to write shorter tweets
8 ways to write shorter tweetsJadeMagnet
 
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 engagementJadeMagnet
 
Jade Magnet Account Manager Model
Jade Magnet Account Manager ModelJade Magnet Account Manager Model
Jade Magnet Account Manager ModelJadeMagnet
 
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 PinterestJadeMagnet
 
How Jade Magnet Works for Clients
How Jade Magnet Works for ClientsHow Jade Magnet Works for Clients
How Jade Magnet Works for ClientsJadeMagnet
 
Jade Magnet Annual Report 2012
Jade Magnet Annual Report 2012Jade Magnet Annual Report 2012
Jade Magnet Annual Report 2012JadeMagnet
 
Sample Provider Invoice-Jade Magnet_2012
Sample Provider Invoice-Jade Magnet_2012Sample Provider Invoice-Jade Magnet_2012
Sample Provider Invoice-Jade Magnet_2012JadeMagnet
 
Facebook Applications for Consumer Engagement
Facebook Applications for Consumer EngagementFacebook Applications for Consumer Engagement
Facebook Applications for Consumer EngagementJadeMagnet
 
Why Jade Magnet?
Why Jade Magnet?Why Jade Magnet?
Why Jade Magnet?JadeMagnet
 

Plus de 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?
 

Dernier

Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 

Dernier (20)

Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 

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