Web Front End Learning Note one

The recent time is abundant, has tidied up the study the note, this note contains: Html, Css, JavaScript, Jquery. As well as using the Imperial CMS or the dream CMS to build their own site, may also be organized PHP notes, if the time allowed to tidy up completely.

web front-end learning notes in general:

everything from a practical point of view, HTML tags and tag properties, tag attributes are not the focus, simple understanding, in the learning of HTML tags and CSS to implement the style, and then is the case, use the Web-learned page as a case to write a complete site page.

After writing the static whole site page, it is the basis of JavaScript, then the case of jquery, and finally use jquery to realize the dynamic effect of the Web-learned static page case. If time permits, it may also tidy up the case of the shopping site.

html CSS Chapter--html

before learning, you need to understand the primary front-end learning content: html, Css, JavaScript, Jquery

1.    html and CSS?

2.    javascript and jquery do?

3.    W3C?

4.    What else do I need to know before learning HTML, CSS, JavaScript, and jquery?

5. Self-taught HTML, CSS, JavaScript, and jquery, why not write a complete website. Even a page can not be completed!

1.1 Before you begin, you need to know what is text and hypertext

before reading the following, you need to know what is the text, what is hypertext , the concept of text should be any written text, can be called text, for the computer, is a type of document, no matter what your computer's operating system (Win7, Win8, win10), there is a Notepad program, you can record some text in Notepad, Although can do some simple typesetting but cannot insert the picture, the video, the sound, cannot set the text link to other position or other text, the Notepad program saves the file extension to be txt, we put the extension txt the file to be called the text file.

Hypertext : In short, in addition to ordinary text, can also contain pictures, videos, sounds, the main point is that the text or pictures can be linked to other locations or other documents. Try to use more popular language introduction of text and hypertext, such as want to more in-depth understanding, you can Baidu search! Now that you know what is text and hypertext, let's introduce the following HTML.

1.2What isHtml

html is all called Hypertext Markup Language, translated as Hypertext Markup Language, is the most basic web language, is defined by the label language, is not a programming language. It can be understood that markup language is a set of tag tags, HTML uses tag tags to describe the content of the page, such as marking a paragraph of text as a title, marking a paragraph of text as a paragraph, and marking the structure of the page, are tagged with the corresponding label. An HTML document can also be called a Web page, and an HTML document with an. html extension can also be called a static Web page.

For example, we all know that in Word there are headings, paragraphs, you can also insert a picture, then in the HTML is defined by the different tags to describe, the title defines the H1 tag, the paragraph defines the p tag, the picture defines the IMG tag, which means that a piece of text with the H1 tag, That the text is the title, if the addition of the P-label, it indicates that this paragraph is a paragraph, if it is a picture? Then add an IMG tag, why do you define these tags? The definitions of these tags are for the browser to resolve, the browser does not know what you write what is the title, where is the paragraph, do not know the picture, the browser only know these tags, and finally we use the browser to open the Web page, the browser will be tagged with the content of the structure and style to show us! different labels also have different properties, by changing the value of the property, can be used to change the font size, font color, image height, width and other styles.

Everyone should have played games, characters in the game, common attacks, defenses, health values, magic values, etc.

Most of the item attributes in the game are used to increase the value of the characters. For example, in-game characters can increase damage, increase defensive power, increase health, increase mana, etc. Similarly, these tags in HTML also have attributes, add more effects to the tagged content by changing the tag's property values!

Although you can set the label's property value to the content of the label to set the style, but so that the page to write out, inconvenient for maintenance, late changes, some complex and gorgeous effect is not implemented, so now no longer through the label properties to set the style! The properties of the tag are only understood, and it takes a long time to remember the attributes of each tag.

1.3 What is CSS

now that you no longer use the Label property to set the style, then what is the use, yes, CSS (cascading style Sheets) Chinese name: Cascading style sheet, is used to define the display of the page. With theCSS,HTML is only responsible for page structure and tag content, such as where is the title, where is the paragraph and so on, and all the style (font size, color, etc.) are implemented by CSS, that is to say: CSS to separate the page content and display style, you can solve the HTML code on the style definition of repetition, It improves the maintainability of later style code and enhances the function of Web page display.

This article is from the "Houjionghui" blog, make sure to keep this source http://4345326.blog.51cto.com/4335326/1763565

Web Front End Learning Note one