Teaching of HTML and CSS-Chapter 1 HTML and CSS webpage design overview

Chapter 1 HTML and CSS webpage design overview

Directory:
1.1 Basic HTML concepts
1.2 Basic concepts of CSS
1.3 webpage and website

1.1 Basic HTML concepts
HTML is short for hypertext markup language. It is a simple markup language used to create cross-platform hypertext documents. It is usually used to create web pages and webpages. HTML is called hypertext markup language because it not only describes text, but also describes images, sounds, and other elements in a webpage. It also uses tags) it is also called markup language.

Scripts written in HTML are generally called web pages or HTML documents. The extension name of htmldocument is usually .htmlor .htm.

1.2 Basic concepts of CSS

CSS (Cascading Style Sheet) is a markup language used to control webpage styles and allow the separation of style information from webpage content.

The most important function of CSS is to separate the content of an HTML page from its display. Before the emergence of CSS, almost all HTML files contain information displayed in the file, such as the font color, background, arrangement, edge, and line, they must be listed in HTML files one by one, and sometimes even repeated. CSS allows HTML page developers to isolate most of the information and simplify HTML files. This information is stored in an auxiliary file written in CSS. HTML files only contain structure and content information. CSS files only contain style information.

1.3 webpage and website
The difference between a webpage and a website is simply that a website is a collection of webpages. The web page we see in the browser is a webpage. The webpage says it is an HTML file, and the browser is used to interpret the file.

A website is a collection of webpage files published on a web server that provide information and services to visitors. A webpage is a basic element of a website. A large website may contain millions of webpages, while a small enterprise website or individual website may have only a few webpages.

1.4 Development Environment for HTML and CSS web pages
1. Manual writing
Because HTML page files are standard ASCII text files, you can use any text editor to open and compile HTML files, such as notepad in windows.

2. Use visualization software
FrontPage and Dreamweaver are the most common visual html page visualization tools. The visual HTML page creation tool is intuitive, easy to use, and easy to use. In this editor, we can directly edit the webpage, and the Editor automatically generates the corresponding HTML code for us.
Visual Studio. NET and myeclipse are the best HTML page visualization tools to be developed in combination with Web applications. Visual Studio. NET and myeclipse are both professional web application development tools. They also provide fully functional HTML page visualization tools. If you need to develop a web application instead of simply designing a beautiful HTML page, Visual Studio. NET and myeclipse are the best choices.
1. Manual writing
Because HTML page files are standard ASCII text files, you can use any text editor to open and compile HTML files, such as notepad in windows.

2. Use visualization software
FrontPage and Dreamweaver are the most common visual html page visualization tools. The visual HTML page creation tool is intuitive, easy to use, and easy to use. In this editor, we can directly edit the webpage, and the Editor automatically generates the corresponding HTML code for us.
Visual Studio. NET and myeclipse are the best HTML page visualization tools to be developed in combination with Web applications. Visual Studio. NET and myeclipse are both professional web application development tools. They also provide fully functional HTML page visualization tools. If you need to develop a web application instead of simply designing a beautiful HTML page, Visual Studio. NET and myeclipse are the best choices.