You can create a web page without any knowledge of HTML, but anyway you will run into problems and then you will not know how to solve them. There are many websites where you can learn HTML programming, but by reading this article you will learn some basic HTML concepts. After this introduction it won't be long before you can build your own website!
Method 1 of 1: Using HTML
Step 1. Understand what HTML is
HTML is a programming language that allows you to create web pages. To see what HTML looks like, choose "View Source" or words to that effect in the browser. Now a page with HTML code will appear. Your browser reads this code and converts it into the appearance of a web page as usual.
In Internet Explorer, choose "Source" under "View". In Mozilla Firefox, press [Ctrl]+U to view the source code. In Safari, under "View" choose "Show source version"
Step 2. Make the first web page as simple as possible
If you don't, you'll soon be overwhelmed by the HTML language and its scripting languages.
First, you need to know that you are writing all the information between a 'tag' that opens the HTML and a 'tag' that closes the HTML. The first tag looks like this:. The closing tag looks like this:. The '___' part is replaced by code, it's about the brackets and slash
Step 3. Open a simple text editor
On Windows: Start Programs Accessories Notepad. On a Mac: Programs Textedit.
Step 4. Tell the browser which language you are using
Type. This tag tells the computer that you are starting a web page. You only close it at the very end of the code, for that you type.
Step 5. Add the 'head' as shown in the picture
Step 6. Give the page a title
A title is important because it shows the users what the page is about. You will see the title of each page at the top of the browser. In html you indicate the title as follows: the-title-of-the-page.
Step 7. Work on the body of the page
Most of the code that makes up the page is contained within the tags and.
- By a style To add to the body you can, for example, give the web page a background color. For example, write: or replace 'silver' with a hex code. The words between the quotation marks are called "attributes".
Step 8. Write some text between the body tags
If you want the text on the next line (like pressing "enter") use the tag
for the text. The br tag does not need to be closed.
- If you want to add a "marquee", that is, a word that moves across the screen, type text.
Step 9. Add some pictures
If you want to add an image from the internet to your page, use the following HTML code:. The img tag does not need to be closed.
Step 10. Check if all tags are closed
The webpage should look something like this:
I love WikiHow because
it's the best website in the world!
Step 11. Save your work
Go to "save as" and enter a file name with the extension.html (for example, mywebpage.html). Double click on your web page and you should see the result in a browser.
- You can make a good impression on friends if you show how quickly you can create a simple web page.
- Instead of a text editor, you can also use Adobe Dreamweaver. It is more complicated to use, but you have many more options.
- you can't place a closing tag anywhere. The last opening tag must be closed first, so for example: code
- Some tags, like
do not need to be closed. But always close the tag when in doubt.
- Test what you've changed before putting it online.
- Many people make their living designing web pages. Work on your skills, then you might be able to earn money too.
- There are many online courses to master HTML. Do a Google search.