To update HTML files:
1. Open Notepad and save the file with a .html extension to create an HTML file.
2. Use tags delimited by angle brackets like <p> and </p> to structure content and formatting.
3. The basic structure includes <html>, <head>, <title>, <body> tags where content is placed between the opening and closing body tags.
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