Creating a Simple Web Page Using HTML: 11 Steps (with Pictures)

Table of contents:

Creating a Simple Web Page Using HTML: 11 Steps (with Pictures)
Creating a Simple Web Page Using HTML: 11 Steps (with Pictures)
Anonim

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!

Steps

Method 1 of 1: Using HTML

Create a Simple Web Page With HTML Step 1

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"

Create a Simple Web Page With HTML Step 2

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

Create a Simple Web Page With HTML Step 3

Step 3. Open a simple text editor

On Windows: Start Programs Accessories Notepad. On a Mac: Programs Textedit.

Create a Simple Web Page With HTML Step 4

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.

Create a Simple Web Page With HTML Step 5

Step 5. Add the 'head' as shown in the picture

Create a Simple Web Page With HTML Step 6

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.

Create a Simple Web Page With HTML Step 7

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".
Create a Simple Web Page With HTML Step 8

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.
Create a Simple Web Page With HTML Step 9

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.

Create a Simple Web Page With HTML Step 10

Step 10. Check if all tags are closed

The webpage should look something like this:

My webpage

I love WikiHow because

it's the best website in the world!

Create a Simple Web Page With HTML Step 11

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.

Tips

  • 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.

Popular by topic