Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to create a new html page using notepad

2025-04-11 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

This article mainly shows you "how to use notepad to create a new html page", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use notepad to build a new html page" this article.

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

Right-click in the desktop vacancy, in the pop-up window when the resolution "New" and then the pop-up secondary menu into the resolution "text document", you can 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

The requirement here represents the file extension in order to modify the document reduction name.

Open the new notepad and output the html code according to the html organization

1. Open the new notepad document

Open the mouse to create a new text document and double-click to open it to create a new document.

2. Output html code manually

For a rough display in a web browser, you need to follow the html page layout and output the html source code. Here is a shortcut, we directly copy the most basic html layout code of the specification (copy and paste into the html construction and just open the document)

Go to the html web page organization to copy this broken code and paste it into the new text document for livelihood.

The basic source code of html is as follows:

Part of the problem-css5.com.cn

Content

Copy the html code directly (it takes time to copy and it's not easy to make mistakes)

III. Completion of correction

1. Modify the title of html title

Change the page question tag mode to "my first notepad create a new page"

Take screenshots after modifying the title content of the question

2. Correcting the body form We need to see the pattern in the browser, so enter it in between.

Write "Hello CSS5 my first web page" between

Html body mode correction fill in

At the end of the new notepad document, the code is as follows:

My first notepad to create a new web page

Hello CSS5 my first web page

3. Make a living and open the document to keep the document (Ctrl+s), and then close the document.

Fourth, change the notepad document into HTML hypertext

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

Assuming that the extension cannot be seen, it is necessary to set up equipment to display the extension.

At the time of correction, due to the correction of the extension, the modification will prompt whether you want to change the file extension, click "Yes" doomed.

Revised version and cut name confirmation reminder window

Create a screenshot of html hypertext

The above is to use notepad to create an easy html hypertext page.

We dabble in the hunting device to open the "CSS5.html" to see the effect.

The hunter opens the new HTML hypertext web page and notepad and opens the code comparison picture.

The above is all the contents of the article "how to use notepad to create a new html page". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report