Community Learn Tools Library Leisure
search
English
Home > Development Tools > sublime > Teach you to quickly use sublime Text3 to write HTML

Teach you to quickly use sublime Text3 to write HTML

藏色散人
Release： 2021-04-13 19:03:38
forward
6840 people have browsed it

The tutorial column of sublime below will introduce to you how to use sublime Text 3 to write HTML. I hope it will be helpful to friends in need!

Teach you to quickly use sublime Text3 to write HTML

1. Download and install Sublime Text 3.

2. Open the Sublime Text 3 interface.

Welcome page

3. Press Ctrl N to create a new page.

New page

4. Press Ctrl S and save as the file name you specify, using the .html suffix (the suffix is ​​important, Sublime will It will determine the language type based on the suffix and help you enable the corresponding auto-completion). For example, the file name is test.html

At this time, the file name of the current tab page has become test.html

5. Enter < h, as shown in the figure, after the corresponding code completion candidate directory pops up, you can see that html is in the first one, press Enter, and it will be automatically completed:

6. As shown in the figure , Sublime Text 3 automatically generates the framework of the html page for us, and we no longer have to laboriously enter a large amount of initial content:

Note: The is New feature in HTML5

7. Enter the name of the web page between and , which is the name on the browser tab. For example, enter index.

##8. Enter

and and press Enter. Sublime Text 3 will do it for you. Add code completion for secondary titles. For example, after entering a title as Chapter 1, press Ctrl S to save the file.

9. No need to close Sublime, just use any popular browser to open your test.html file;

The current tag name of the browser is the title:index you entered, and the content of the address bar is the local path of your html file.

Chapter 1 is the secondary title you just entered.

10. Do not close the browser, enter

and

Web! and press Ctrl S to save the file.

11. Refresh the browser and you can see that the html display content has changed: (The refresh operation in the Chrome browser is to right-click the menu to reload, or press Ctrl R)

12. At this point, the introductory part of writing HTML using Sublime is completed, and it is also possible to use the browser to immediately and manually track changes in display effects while writing code. We can also use split screen in win10 to juxtapose Sublime with the browser for easier observation.

The above is the detailed content of Teach you to quickly use sublime Text3 to write HTML. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
sublime Text 3
source：csdn.net
Previous article：Run Java programs using sublime text3 Next article：How to set shortcut keys to open the browser in Sublime Text3
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2287
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2423
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
2038
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1920
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1994
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template