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

This article introduces the relevant knowledge of "how to turn txt files into html web files". In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

Step 1: Create a folder on your convenient disk and name it "Zero-based Self-taught Web Making." For example, I created the folder "Zero-based self-learning web page creation" in D drive.

Step 2: Create an HTML Frame.txt file in the folder. Move the mouse to the blank space and right-click to select "Text Document."

Named "html frame," as shown below.

If your computer doesn't display the ".txt" suffix, do the following: Click Tools and find Folder Options.

The menu is as follows: Click "View Options."

Pull down the slider bar and find the option "Hide extensions for known file types". Remove the check mark in front of it.

If you are using win10, please refer to the "learning while doing web articles-----HTML first", this is also my tutorial, but later use this account to send.

Step3: Copy and paste "HTML Frame" into "htmlframe.txt" file. The HTML frame code is as follows:

Please refer to "What is HTML?" Zero-based self-learning web page making "this tutorial in the explanation.

The paste effect is as follows: Use CTRL+s to save the file.

Step4: Copy the file "html frame.txt" and rename it "first webpage.txt". The original "html frame.txt" file is reserved for later use.

As shown in the figure:

Step5: Change the suffix ".txt" of "the first web page.txt" to ".html."

First place the cursor over the "first web.txt" file, right-click, and select "rename." As shown in the figure:

Select ".txt"

Change to ".html" and hit Enter. A dialog box will pop up, as shown in the figure:

Dare to click "yes."

After modification, the file is like this, as shown in the figure: because my default browser is 360, so, the ".html" file icon is displayed as the icon of 360 browser, and there is no problem displaying icons of other browsers.

Step6: Move the mouse to the "first webpage.html" file, right-click and select the opening method, as shown in the figure:

Select any browser to open, I use Firefox browser (Firefox), open as shown in the picture: blank.

Click F12 on the keyboard and look at the console, as shown in the picture: our code framework has been displayed in the viewer. Success!

If the web page is a dish, then html frames can be understood as white plates for holding dishes, so when we open the frame, the browser displays a blank. Let's add some simple "dishes" to the plate.

Add headings and paragraphs to html pages

First we add a title to the page.

Before we add the title, let's look at the content in the html frame code, which has and two sibling tags in the tag.

Everything we see on the page is added to the middle of the tab!

The content of the tag does not appear on the page.

So how do you add a title?

Titles are represented in HTML by tags. Add text in the middle. As follows:

the first page

Right-click and use Notepad to open the First Web.html file. As shown in the figure: If you do not have "Notepad" in "Open as", click "Select default program"

Find Notepad under Other Programs. Click OK. Since then, Notepad has been in Open As.

Let's paste this code between. As shown below: Save and open with browser.

the first page

Then, using a browser, open it, as shown in the figure: the title appears in the page.

Next, we add paragraph content.

Paragraphs used in HTML

Labels added. code is as follows

journey of a thousand miles begins

Please add your own code to the "first page.html" file! The sample code is as follows:

first web page

journey of a thousand miles begins

The results are as follows:

"How to turn txt files into html web files" content is introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

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.