Learning the basics of Web front-end development requires mastery: HTML, CSS, JavaScript
1. HTML is the carrier of Web content .
The content is the information that the Web creator puts on the page to let the user browse, can contain text, picture, video and so on.
2. CSS style is performance .
Just like a web coat. For example, the title font, color changes, or for the title to add background pictures, borders and so on. All these things that change the appearance of the content are called performance.
3. JavaScript is used to achieve special effects on Web pages .
such as: Mouse over Popup drop-down menu. or the mouse slide over the background color of the table changes. There is also the rotation of the Focus news (news pictures). It can be understood that there are animations and interactions that are generally done with JavaScript.
HTML file Basic structure
The structure of the HTML file:
1. called the root tag, all the page tags are in
2. the label is used to define the head of the document, which is the container for all head elements. Head elements have,,,,, and <title>
<script>
<style>
<link>
<meta>
Other tags
3. The content of the <body>
</body>
tags is the main content of the page, such as,,, and <p>
<a>
Other Web content tags, the contents of the label will be displayed in the browser.
HTML tag syntax:1. The label <
>
is enclosed in English angle brackets and
2. The tags in the HTML are usually paired, with the start and end tags . The end tag is one more than the start tag, /
such as:<p></p>
3. Tags and labels can be nested, but the order must be consistent, such as:<div> nested <P>, then </p> must be placed in front of </div>.
4. HTML tags are case-insensitive, and <H1>
are the same, but recommended lowercase
Head tag:The header of the document describes various properties and information about the document, including the title of the document, and so on. Most of the data contained in the header of a document is not actually displayed to the reader as content.
The following tabs are available in the head section:
<title>
Tags : The text content between <title> and </title> tags is the title information of the page, which appears in the title bar of the browser. The title tag of the Web page is used to tell the user and search engine the main content of this page, search engine can through the page title, quickly determine the theme of the page. The content of each page is different, each page should have a unique title.
Tag Summary:<!--注释文字 --> 注释标签
Semantic tags<body></body> the content displayed on the Web page is here
<p></p> paragraph a piece of content here, the default Style section will be blank after the previous paragraph.
< em></em> emphasize italic body
<strong></strong> Bold Body
<span></span> set individual styles to be completed
<q></q> Quote Quote short text with double quotes on both sides of the text
<blockquote></blockquote> reference long text, indent at both ends
<br> or <br/> Break line Note: spaces and line breaks that are entered directly in HTML are ignored
Non-breaking Space Spaces
<address></address> Address Information
<code></code> One line of code
<pre></pre> preformatted text, spaces, and line breaks in predefined formats are preserved, and can be used to show large pieces of code
HTML+CSS Chicken Study notes (to be continued)