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