1. Right-click a blank space on the computer desktop to create a new notepad and open it.

2. Enter the following code in the new file. Html languages are based on

3. Next, we will be in

4. Rename Notepad to. Html format, the following format will appear.

5. Double-click to open this file, and the browser page effect will appear.

Extended data:

Difference between front-end and back-end:

1, display mode

The front end refers to the user-visible interface, and the front page of the website is also the page development of the webpage, such as the special effects, layout, pictures, videos, audio and other contents on the webpage. The front-end work content is to design the renderings of art design into web pages that the browser can run, and cooperate with the back-end to do visual work content such as data display and web page interaction.

Back-end refers to what users can't see, usually interacting with front-end engineers, saving and reading website data. Relatively speaking, the back end involves more logic codes than the front end, and the back end considers the realization of the underlying business logic, the stability and performance of the platform, etc.

2. Technology adopted

The technologies used in front-end development include but are not limited to html5, css3, javascript, jquery, Bootstrap, Node.js, Webpack, AngularJs, ReactJs, VueJs and other technologies.

Taking java as an example, back-end development mainly includes but is not limited to Struts, spring, springmvc, Hibernate Http protocol, Servlet, Tomcat server and other technologies.

3, job responsibilities

The main responsibilities of front-end engineers are divided into three parts, namely, traditional Web front-end development, mobile development and big data presentation development.

The main responsibilities of back-end engineers are also concentrated in three parts, namely platform design, interface design and function realization.

4. Knowledge structure

In terms of knowledge structure, front-end development involves Html, CSS, JavaScript, Android development (using Java or kotlin), iOS development (using OC or Swift) and various applet development technologies (Html-like). With the continuous expansion of front-end development tasks, back-end front-end development is also an obvious trend.

The back-end development focuses on algorithm design, data structure and performance optimization. The specific function realization part can be realized by programming languages such as Java, Python or PHP.