How to Create a Website Using Only HTML Codes

HTML stands for HyperText Markup Language and is the most basic and fundamental Web programming language. Although other Web programming languages make it possible to design elaborate websites, HTML is essentially all you really need to start building a website. HTML is defined by opening and closing tags, which are strings of commands within "<>" symbols. You can use several basic HTML codes to create a simple website, needing nothing more than a text editor, such as Notepad or TextEdit.

Instructions

    • 1

      Open a standard text editor on your computer. For Windows, use Notepad; for Mac, use TextEdit.

    • 2

      Add the "<html>" opening tag at the top of the document. Press "Enter" twice to skip down two lines, and add the "</html>" closing tag. This defines the document as an HTML page. All other tags should appear between the opening and closing <html> tags.

    • 3

      Add the "<head>" opening tag into your HTML document. Type the head text directly after the tag, then add the "</head>" closing tag to the end of the text. The text in an HTML head appears in the title bar of the Web page.

    • 4

      Add the "<body></body>" opening and closing tags into your HTML document. All information appearing on the website should appear between the <body></body> opening and closing tags. Other tags, such as header, paragraph, image and anchor tags, can appear between the <body></body> tags as well.

    • 5

      Add the "<h1>" opening tag anywhere you want to create a section header. Add text directly after the tag. A header appears at the top of any sections in your Web page and appears in large bold font. Add the closing "</h1>" tag after the text in your header. You can also use the "<h2>," "<h3>," "<h4>," "<h5>" and "<h6>" header tags. Each header tag alters the text differently.

    • 6

      Add the "<p>" opening tag anywhere you want to start a new paragraph. Add text directly after the tag. A paragraph appears two lines below the previous paragraph. Add as many paragraphs as you wish. Add the closing "</p>" tag after the text in the paragraph.

    • 7

      Create links using the anchor tag. Insert the following code into the page where you want to create a link:

      <a href="http://www.URL.com">Anchor Text</a>

      Replace "http://www.URL.com" with the exact URL where you want the clickable link to direct the visitor; replace "Anchor Text" with the clickable text the visitor sees.

    • 8

      Insert images by typing the following code into the page where you want the image to appear:

      <img src="http//www.URL.com">

      Replace "http://www.URL.com" with the exact URL of the image on the internet.

    • 9

      Save the file and add the ".html" extension to the end of the file name to specify it as an HTML document.

Related Searches:

References

Comments

Related Ads

Featured