Front-end development basics - 1. Introduction to HTML

1.Web page

1.1 What is a web page?

  • A website refers to a collection of web pages made using HTML etc. to display specific content on the Internet according to certain rules.
  • A web page is a "page" in a website, usually a file in HTML format, which is read by a browser.
  • Web pages are the basic elements that make up a website. They usually consist of pictures, links, text, sounds, videos and other elements. Usually the web pages we see often have files ending with the .htm or .html suffix, so they are commonly called HTML files.

1.2 What is HTML?

HTML refers toHyper Text Markup Language, which is a language used to describe web pages.
HTML is not a programming language;markup language.
A markup language is a set of markup tags.

  • The so-called hypertext has two meanings:
    • It can add pictures, sounds, animations, multimedia and other content (beyond text limitations).
    • It can also jump from one file to another, connecting files (hyperlink text) with hosts around the world

1.3 The formation of web pages

Web pages are composed of web page elements. These elements are described using html tags and then parsed by the browser to display to the user.

Insert image description here
Front-end personnel develop code----> Browser display code (parsing, rendering) -----> Generate the final Web page

2. Commonly used browsers

2.1 Commonly used browsers

The browser is the platform for displaying and running web pages. Commonly used browsers include IE, Firefox, Chrome, Safari, Opera, etc. Usually called the top five browsers.

Insert image description here

2.2 Browser kernel

Browser kernel (rendering engine): Responsible for reading web page content, organizing information, calculating the display method of web pages, and displaying the page.

Browser Kernel Remark
IE Trident IE, Cheetah Security, 360 Speed ​​Browser, Baidu Browser
Firefox Gecko Firefox browser kernel
Safari webkit Apple browser core
Chrome/Opera Blink chrome/opera browser kernel. Blink is actually a fork of WebKit

At present, most domestic browsers use the Webkit/Blink kernel, such as 360, UC, QQ, Sogou, etc.

3.Web standards

Web standards are a collection of standards developed by the W3C organization and other standards organizations. W3C (World Wide Web Consortium) is the most famous international standardization organization.

3.1 Why web standards are needed

In addition to making the pages written by different developers more standardized and unified, following Web standards also has the following advantages:

  1. Let the development prospects of the Web be broader.
  2. Content can be accessed by a wider range of devices.
  3. Easier to be searched by search engines.
  4. Reduce website traffic costs.
  5. Make the website easier to maintain.
  6. Improve page browsing speed.

3.2 Composition of Web standards

mainly includeStructurePresentationand behavior (Behavior) three aspects.

standard illustrate
structure Structure is used to organize and classify web page elements . At this stage, I am learning HTML.
Performance Performance is used to set the layout, color, size and other appearance styles of web page elements , mainly referring to CSS
Behavior Behavior refers to the definition of web page models and the writing of interactions . At this stage, I mainly learn Javascript.

The best experience solution proposed by web standards: separation of structure, style, and behavior.
Simple understanding: structure is written in HTML files, performance is written in CSS files, and behavior is written in JavaScript files.
Insert image description here

Guess you like

Origin blog.csdn.net/m0_63853448/article/details/126600484