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

This article introduces you in web development from contact to writing and outputting a DIV example analysis, the content is very detailed, interested friends can refer to, hope to be helpful to you.

Step 1: tools for web page development

Editor: sublime notepad++ (sublime is recommended if you choose one)

Browser: Firefox (Firefox browser) chrome (Google browser)

Step 2: load the development environment (download and install the software)

The software can be downloaded from the Internet and can be downloaded from my home page! What needs to be said here is that there may be no shortcuts after installing the sublime desktop, just find the application right-click and send to the desktop shortcut in the directory where you installed it!

Step 3: create a new blank page

In order to facilitate the preservation of web pages in the future, you can set up a folder and create a new blank web page in the folder!

Now create a new text document at home

Then change the name of the text document with a suffix to index.html

After the change will be displayed as a web page, if the computer does not show the suffix need to be set in the file view, different settings of the system will be different! Windwos7 needs to uncheck the "hide file extension"!

Step 4: set the way to open the web page

The newly created page icon may become blank, so you need to set the opening method at this time! The way to do this is to right-click on a blank page-- open it-- and select firfox!

Step 5: start the journey of web development

1, open the sublime you installed first!

2, then you can drag and drop the file directly into sublime, or click file--openfile-- to find the web page you created and open it!

3. After opening it, sublime will be displayed above, and then you can write code.

First of all, write the basic framework, no matter how to write the code, the basic framework is unchanged!

4. Create a div and set width, height, color, border, content in the middle, title in writing, and style in the middle of the command!

5, remember to save ctrl+s after writing! Open your new web page and you can see the effect!

On web development from contact to writing and outputting a DIV sample analysis is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.