Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to use notepad to create an html hypertext web page". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. let's study and learn how to use notepad to create an HTML hypertext web page.

Create a new instance of hypertext on a html page using notepad

We use the system's own notepad on the desktop to create a simple html page, a web page file named .html, and a browser to open and test the new html page (extended knowledge: dw software new html page).

The steps to create a new html page using notepad are as follows

I. create a new notepad (.txt) document on the desktop

Right-click in the desktop space, select "New" in the pop-up window, and then select "text document" from the pop-up secondary menu to complete the new notepad document file.

Create a screenshot of a text document

Take screenshots after new creation

Create a screenshot of a text document

Here you need to display the file extension in order to modify the document extension.

Open the new notepad and enter the html code according to the html structure

1. Open the new notepad document

Mouse opens the new text document double-click to open the newly created document

2. Enter the html code manually

For the web browser to display correctly, you need to enter the html source code according to the structure of the html web page. Here is a shortcut, we directly copy the standard most basic html structure code (enter the html structure copy and paste into the just opened document)

Enter the html page structure to copy the complete code and paste it into the new text document to save.

The basic source code of html is as follows:

Title section-www..com content

Copy the html code directly (copy saves time and is not easy to make mistakes)

III. Revision and improvement

1. Modify the html title title

Change the page title tag content to "my first notepad create a new page"

Take screenshots after modifying the title title content

2. Modify body content

We need to display the content in the browser, enter it in between.

Write "Hello DIVCSS5 my first web page" between

Modify and fill in html body content

Finally, the code in the new notepad document is as follows:

My first notepad to create a new web page

Hello DIVCSS5 my first web page

3. Save and close the document

Save the document (shortcut key Ctrl+s) and close the document

Fourth, change the notepad document into HTML hypertext

We changed "new text document .txt" to ".html". In addition to renaming the document name to "", we changed the ".txt" extension to ".html".

If you can't see the extension, you need to set the display extension.

Due to the modification of the extension, the modification will prompt you whether to change the file extension. Click "Yes" to confirm.

Update extension confirmation prompt window

Become a screenshot of html hypertext

The above is to create a simple HTML hypertext page using notepad.

Let's open ".html" in the browser to see the effect.

Comparison of the code between the new HTML hypertext web page and notepad open in the browser

Thank you for your reading. the above is the content of "how to create an html hypertext web page with notepad". After the study of this article, I believe you have a deeper understanding of how to create an html hypertext web page with notepad. The specific use of the situation also needs to be verified by practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.