How to Create a Simple Website Using Notepad

Author: John Stephens
Date Of Creation: 26 January 2021
Update Date: 29 June 2024
Anonim
How to make a website using Notepad | Beginner’s Tutorial
Video: How to make a website using Notepad | Beginner’s Tutorial

Content

We use web pages every day, but is it difficult to create one? This article will teach you how to create a simple HTML website using Notepad.

Steps

Method 1 of 1: Create your own website

  1. Open Notepad. Notepad comes pre-installed on every Windows computer, and you can find it in the Start menu. After opening Notepad, click "File", select "Save As" in the drop-down menu. Then, select "All Files" in the file type menu and save the file as HTML. Usually, the file "index.html" is the main page, containing all the links to access everything on the website.

  2. HTML (HyperText Markup Language) uses tags. Basically, tags are words within the mark .
    You will use a lot of tags to create your web page. Next to it is a "close tag", which is used to end a line of code. Eg: These tags end up with a bold font or a paragraph of text.

  3. The web page header is usually the tag: . You can place it at the top of your Notepad file.
  4. Next up is the card .
    The next is , this tab tells the browser what to place at the top of the window and <i>meta tag </i> (optional) tells the search engine (such as Google) what the site is about.

  5. On the next line, after the card headLet's set a title, for example: wikiHow HTML
  6. Now, type to finish the first part.
  7. Next on the website is the tag . Note that browsers do not support all colors (for example, most browsers do not support dark gray).
  8. Between the two body tags is the web page content that the user sees. Let's start with the title. This is the large portion of the text, specified in the HTML from the tag

    come

    , with card

    is the largest size. So at the top of the web page, after the body tag, you can compose

    Welcome to my page!

    You should always put a close tag, otherwise all the text on the web page will be overstated!
  9. Another tag that can be included in web page content is

    or paragraph tags. After the title, you can enter

    . I'm learning how to make a website! WikiHow rules! If you want to create a new line on the page, use the wrapping tag
    .

  10. A website with only plain text is boring. So let's put in some formats. Card to bold text, to italicize, and to underline. Don't forget the closing tag!
  11. What makes the website really interesting is the images. Even if the text is formatted, no one wants to see a page as all text. Use a card to insert pictures. But like the body tag, this tag needs additional information. An img tag would look like this: dog’ src=The src data (source: source) is the name of the image. Behind the width and height are the width and height in pixels of the image.
  12. Almost done! If you want your visitors to be able to view multiple pages, use the tag: Other pages The content in the tag is what the user will click to go to the next page, and the href section is the link to that page. With this tag, you can easily show users around your website.
  13. To finish, you need to end the body tag with and the entire web page by tag
  14. Save file with the extension .html '. Then open the file.html in your favorite browser to see how it works. Congratulations! You have just created a website.
  15. If you want to publish your website online, learn how to create a website with a domain name. advertisement

Advice

  • You can find many cards online. There are many useful websites to help people learn how to create a website (W3Schools is one of them).
  • Remember to use closures.
  • Always make sure to order the card on the first line, before the tag Let the browser know that your site is the HTML5 standard.
  • You can change the font with tags before and then . N stands for fonts, such as "Verdana".
  • If you want to use special characters on a web page, type & lt (<), & gt (>), & amp (ampersand), and so on, the end of the code MUST HAVE a semicolon ";".
  • In HTML tutorials, folder and web file names are always placed in lowercase letters, without any accents. Although Windows allows space usage, many web hosting providers do not, so you'll save time and hassle with the right file and folder names in the first place.