August 5 front-End Basics Review

Source: Internet
Author: User

Review front-end Basics related knowledge

Ctrl+tab Switching documents
Ctrl+tab Switching programs
ALT+F4 Closing the program
F2 renaming
F5 Refresh Page
Windows+d Display Desktop
Windows+e Open Explorer
——————

The browser sends the past, is the request message,
The information returned by the server is the response message.
The data on the page that we requested should exist on the server.
————————
HTML: Hypertext Markup Language.
HTML is the extension of a Web page file. And Txt,jpg,mp3 are the same. An HTML file is a Web page file.
There is no direct relationship between the suffix name and the file. The suffix name only determines how the file is opened. The real decision to file the way is its content.
HTML is responsible for describing the semantics of the document and cannot describe the style of the document. /

<! Doctype>
<meta http-equiv= "Content-type" content= "Text/html.charset=utf-8"/>
<title></title>
<body> Hello, My. haha haha
</body>

——————————————

Browsers and servers
Server is a computer, but more than we use the notebook configuration is a lot of, and 24 hours do not shut down, constantly electricity.
The server stores the relevant files of the Web page, and once a visitor browses the site, the server sends the files to the visitor.
Once the server is shut down, the site cannot be accessed.

Transport Protocol HTTP
http: Hypertext Transfer Protocol.
In a nutshell: Browser fish Server A specification for data interaction.
URL: The content displayed in the browser's address bar
Format: HTTP//server IP, port number/requested page


————————

Word Book: network;
General: Generic, Gross
Request: Requests
Response: Response
Headers: Title
Hypertext: Hypertext
Transfer: Delivery
Protocal: protocol
DOCTYPE: Document Type
Head: Title
Meat: Change
Body: Physical
Notepad: Notebooks, notes manual
——————————

Html: is essentially a markup language.

It can be said that there is no difference, because it is used to mark the content on the page. In contrast, XHTML is more rigorous.

Learn the difference between each version in a simple way:

Strict: If this page uses a document category like this,

1.0 so the page to the label's writing is relatively strict,

2.0 all tags must be used as tags (with no abolished tags)

4.2title Tags:

Set a title for the page.

4.3head Tags:

This tag generally has no special effect, its function is to include Meta and title, in the later study will also add CSS style in this tag, as well as JS code.

5.0IMG Tags:

Effect: Inserts a picture into the page.

If the page contains a picture, a request is sent again if the page resolves to the image.

5.1 Properties of the tag:

It is usually in the form of a key-value pair.

Common Properties

The role of attributes

Src

Set the path to the picture

Alt

If the picture does not display properly, then the text in it will be used instead of the image.

Title

Tips for pictures

6.0 relative and absolute paths

Relative path: The path of a file relative to another file if you want to find the picture in 08img.html, then the path:

Absolute path: The drive letter is the unit, and the first level is searched until the image is found.

For example:

Note: Relative paths have an advantage over absolute paths: they can be moved to any computer and the files are displayed properly.

Super connection.

Jump

Function: Jump to another page in one page.

<a href= "http://www.baidu.com" > This is a hyperlink </a>

If you add # to the href attribute, jump to the current page.

7.2 Positioning

Function: Jump within the page

<a href= "#part" > Point I take the second part </a>

<p id= "Part" > This is the second section </p>

August 5 front-End Basics Review

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.