Open HTML files and recommend a free HTML editor!
html is an abbreviation of [Hypertext Markup Language].
It is a kind of basic web language used to create web documents.
HTML not only represents structural meaning for body text such as headings, paragraphs, lists, etc.
Provides a way to create structured documents with links, citations, and more. 아이폰 html 파일 열기
First of all, I created an html file!
If you look at the file format, you can see that it is in .html. JFactory
html files can be executed by default with an internet browser.
If you are using Chrome as your default browser, the icon is Chrome,
If you use Explorer as your default browser, it will appear as an icon in Explorer.
In my case, I tried using the web browser made by Naver!
Shall we run it first?
You can see the execution screen of the html file in the web browser.
To edit an html file, you need to open the html file, right?
There are several ways to open an html file, but today I will introduce two methods.
The first method is to use an Internet web browser.
First, run the html file, open it in the Internet window, and press the F12 button.
The developer tools will appear,
(Chrome, Whale right / Explorer, Firefox – bottom)
If you click Elements in Developer Tools, you can see the html file source code.
You can see the text with tag commands that start with angle brackets.
Now, shall we make corrections together?
Double-click the text you want to edit
I tried to change “Ian folding door” to “Kanada”.
After editing, please press the Enter key!
If you look on the left, you can see that it is a Canadian website.
There is a big problem with the opened html file like this.
The point is that the html file is not automatically saved in a modified state.
If you turn off and on the Internet window in the modified state,
It goes back to the state it was in before the edit.
Second, I will show you how to use a text editor!
There are several programs for text editors.
Today, we will open the html file with Notepad and Notepad++, which are the Windows default text editors.
First of all, I tried running it with notepad.
Right-click on the html file and click Open with > Notepad
> Drag the html file after running Notepad
If you drag it, you will see the html source code in notepad.
As before, I will edit and save the Ian folding door in Korean.
If you run the html file after saving, you can see that it is executed in the modified state.
Now you can finally open and edit the html file!!
However, when viewed with notepad, it is in the same color as html tags and information.
There are cases where the readability is poor or it is difficult to find the source.
Let’s try using another editor, Notepad++, to make up for the shortcomings.
Notepad++ is a free editor and is a website that can be downloaded when searching Naver.
You can also download it from Naver Software.
(In addition to this, there are Atom, Dreamweaver, Visual Studio, etc.)
After downloading and installing the program,
can you use
Like Notepad, click Notepad++ as an open program in the html file, or
After running Notepad++, drag the html file.
Now, if you look at the html file, the tags and contents are separated by different colors.
Can you distinguish more comfortably when coding?
Today I introduced you to Ian Sunroom Design’s classic HTML file opening and free editor!
Next time, sunroom, pergola, etc. Ian sunroom design antique
Let me introduce the products to you 🙂
HTML is used to create web pages.
The type of basic web language used
Hypertext Markup Language
It is also an abbreviation
The tag is the command used here.
What we open up while surfing online
many web pages
Think of it as being in this language.
<font size=”20″>
<font color=”#ff5f45″>
size and color settings
</font>
</font>
For example, after entering the above tag and saving
When uploading to the web
size and color settings
The above image will be displayed on the web page.
In addition to this, underline, bold, italic
You can also give basic text effects.
You can also create a table
Insert images or links
Organize these tags
A web page is created.
Utilize notepad
So what can I make or edit this with?
In fact, you can do it with just notepad.
The above can be used easily
I wrote down some of the tags.
Tag consists of <>.
What is written in Korean
is the target to execute the command
Terms in <>
It is the beginning and end of the command for the target.
When you’re done with the work you want, you can save it.
txt as above.
You can see it being saved.
but in the webpage
To be able to implement it properly
You need to change the extension name to html.
Then, if you run it in your browser,
The effects I wanted to appear for each letter
You can check that it is applied and displayed.
If you have a web server, upload this file via ftp
Anyone can access
It can be made into a website.
But if you work with notepad
Save and open
you can see how it looks
Sometimes the commands are very long.
In notepad you have to scroll sideways down
There is also the inconvenience of being able to check.
So it is convenient to use the editor.
There are also programs to install and use.
If you don’t use it very often
It is recommended to use an online editor.
Leverage the online editor
If you go to the editing site as above,
On the left is the part where you can enter a tag,
On the right is the editor.
The use of tags is probably
There is a hassle of having to hit every day
Because some people have difficulties
If you work on the right side instead of the left side
Because it automatically shows tags on the left
Even people who are not familiar with it will find it easy to use.
I’m not even a web programmer.
Knowing that, you can do anything.
However, as Lina showed as an example above,
Even if I only know a few
slyly online
It will be useful.
Rina is the person who originally created the site.
Kindergarten site, church, company, community, etc.
I used to create and manage multiple sites.
At the time, I was dealing with a lot of these things.
Because even if one letter is wrong, the command does not work
If there’s a problem, I’m looking for it.
I remember looking for it late at night with my eyes wide open.
I don’t think I can do it again now.
Still, it was something I had dreamed of at the time.
I think it was fun and it was fun.
Although my memory is hazy now
I still remember the basics
It is also true that it is sometimes useful.
It is said that even young children these days learn to code.
We also do a few simple things like this.
How would you like to know?
So, today’s Rina Dhut talk ends here!
Occasionally, when surfing the web or looking for necessary data, web pages are saved. The saved html file can be opened whenever necessary. You can open the html file in a surprisingly simple way. Since the html file is a document that can be viewed through an Internet browser, text and pictures can be opened using a web browser when opening the html file.
To open html file, move to the folder where the file is located, select the html file and right-click. If you select “Open with” from the menu that appears, you can check the list of various browsers installed on the computer you are using, and you can open html files through this. Browsers that can open html files include “chrome, internet explore, microsoft edge, firefox, naver whale”, etc.
To open the html file, we will open the html file using Naver Whale, which was installed recently. If Naver Whale is not installed, you can select one of the web browsers mentioned above.
If you select only a web browser, you can see that the html file is opened as shown below. However, if you look at the address bar, you can see that it is the location where the html file is saved, not the website address. That means you can open the file even if you don’t have an internet connection. However, if you are connected to the Internet, if you click on the link, you can go to the link, but if you are not connected to the Internet, the message page not found appears.
If you have downloaded the html file to view the source of the downloaded html file, you can connect to the Internet browser and click View Source, but right-click and select the program to be connected with Notepad.
Then you can see the source of the html file in notepad as shown below. If you look at the source of the html file, you can check JavaScript and CSS information, so you can get good information if you make a website or study web programming.