Sunteți pe pagina 1din 8

Website Help

How to make a webpage


What is HTML?
• HTML stands for Hyper Text Markup Language
– A HTML file contains markup tags that tell the web browser how to
display information
• You must save a HTML file with the name.html or name.htm
• An HTML file can be created using such programs as
Notepad or TextEditor
• HTML works like a tag in a blog
– Unlike a blog – If you start something you have to end it
– Ex. <b>Hello</b>
– The frist <b> starts bolding and the </b> ends bolding
• The result is Hello
The Beginning

• HTML starts the website and at the end of you can


see <html> which ends the website
• The TITLE is the information that shows at the top
of a web browser
• The BODY is the information including text and
pictures that you can put in your website.
Some Helpful Tags
• Insert Image • URL
– <a href=image url> Title of – <a href=url>Text of URL</a>
image </a> • Paragraph
• Numbered List – This inserts a blank space
– <o><li>Coffee</li><li>Milk</li></ol after the tag
> • <p>This is a paragraph
– Results in 1. Coffee </a>
• Bulleted List • Line Break
– Mul><li>Coffee</li><li>Milk</li></ – Place where you want to
ul> break up a line (1 enter)
– Results in a bullet at the • <br>
beginning of each item • Italics
• Bold – <i>This is italics</i>
– <b>This is bold</b> • Results in This is Italics
– Results in This is bold
Background
• Color
– <body bgcolor=#00000>
• Picture
– Via file
• <body background=clouds.gif>
• Use the file name. Remember
the file must be in a folder that
can be accessed by your
document
• Via Website
– <body
background=http://www.w3schools
.com/clouds.gif>
Titles or Heading Tags
• There are 6 different sizes....experiment
– <h1> This is a heading</h1> (Largest)
– <h2> This is a heading</h2>
– <h3> This is a heading</h3>
– <h4> This is a heading</h4>
– <h5> This is a heading</h5>
– <h6> This is a heading</h6> (Smallest)
Tables
<table border=1> Result
<tr>
<td>row1, cell 1</td>
<td>row 1, cell 2</td>
</tr> Note: Where row1, cell 1 is listed
<tr> write the text you desire in your
table
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Where to start...
• Brainstorm what you want your website to
look like
– Draw pictures, write text, etc.
• Find pictures on
• Type text you want on the website
• Choose HTML and look of website and
complete
• Open Notepad

S-ar putea să vă placă și