Technical work on the fingertips: Rookie Html+css, North Point.

Source: Internet
Author: User
Tags css zen garden
  Now there are all kinds of tutorials on the market, in order to show the difference in this series of articles, I deliberately named the North series, different where? I will teach you step-by-step learning by following a concept of HTML, and make sure you have a harvest after reading it. Suitable for reading: there is not much spare money for the training institutions that the SB teacher, if you really want to go to the training institutions to learn, please inquire about the teacher's salary there, if there is no more than six thousand or seven thousand, then do not go, you do not think, you even with him to learn to die your wages will not exceed six thousand or seven thousand Yuan.   Before you learn, remember the great philosopher and martial artist Bruce Lee's words: Empty your cup before you can fill the line. There is no perfection in the sky.   Recommended reference book: 1,o ' Reilly. HeadFirst.Html.With.Css.And.Xhtml   2,W3C shcool   3,css Zen Garden   4,html document CSS document   I think if you want to get started, it Three books is enough, it's a waste of money to buy other books, so take a good look at HTML document, and CSS document.   1th Understanding HTML and CSS   goals: Through this lesson, you have to do: know what HTML is doing, the role of CSS.   OK, start class, borrow the Observer mode in software engineering, I assume that any look at this article must be to the web development, if not yearning for this development look at this article I think the brain must be in the water. OK, that's the first big thing to know about the concept of the Web.   Web Baidu's explanation is as follows: The Web page is the basic element which forms the website, is carries each kind of website application the platform. In layman's parlance, your site is made up of web pages.   also need to know the browser concept:   Browser: The World Wide Web (web) service client browsing program. All kinds of requests can be sent to the World Wide Web (web) server, and the hypertext information sent from the server and various multimedia data formats are interpreted, displayed, and played.   can understand this: the Web mainly by the client and server-side components, the client is the terminal to receive information, similar to the time we send text messages, the client is the addressee, the server is the sender. Of course, abstractions omit firewalls, DNS, and the like, because you don't need to know anything about these things.   So, sometimes you listen to nerds. Web Architecture is b/s architecture, if you understand a little English, you know it is (Brower,and server)Short name, no meaning.   Of course, the above things are all nonsense, you do not understand do not need to see, learn HTML and CSS, in fact, there are very few things to understand.   Close your eyes, think about it, such as you want to surf the internet today to see beautiful pictures, what will you do? OK, sure to open a browser bar, whether it is IE or Firefox, so you will naturally know that we have to use the browser to see the Web site, with professional words can be said that the browser is responsible for the HTML CSS JS to the client's end of the language in accordance with the built-in set of rules to parse into what we can understand the content of a tool.   As long as you understand the browser's parsing rules, which means that you can read the basic HTML and CSS code, OK, now let's see how the browser is resolved. Start the first lesson from a classic HelloWorld example.   Recommended Editors: Notepad++,editplus,dreamware (Novice is not recommended, these IDE integration tools will destroy you, so you will never write a complete line of code),   <html>   <head>   <title>the-example</title>   </head>   <body>   <!-- --Write a note here-------->   <helloword   </body>   </html> OK, save the example above into a. html, Or. htm files, browse with a browser.   Through the above example you will understand the following knowledge:   1, tags are generally in pairs appear, there is not a pair of labels? Of course, such as <input type= "image"/> But a single label in the last side to add a slash, It means that I have closed it.   2,html is made up of two parts,<head><body> they are wrapped in the outermost <html>, in the HTML world, there is something (always remember that HTML is responsible only for the content of the web), Basically as long as the content of things, he is either head, or belong to the body, if you see some things can be placed in the head, and can be placed in the body, I can hundredTo tell you the point, the code is not responsible for the content of things, they are either responsible for the style, or responsible for some dynamic things, in addition to nothing else.   Because, in the client, large to be divided into three kinds of things:   HTML: Responsible content   CSS: Responsible for style   JavaScript: Responsible for dynamic things   give an example you suddenly understand: &nbsp   ; Tycoon's virtual community has recently sprung up in real estate: He wants to build a big house like Mrs. Money (Baidu you know, home in the West refers to the villa), he wants to build a five-room three-hall four-David houses, to have a big garden, a parking garage, In his room he will buy some home appliances some furniture, please some servants.   In this, the virtual community of the park, garden, horizontal as a separate thing (these in the web is called HTML element inadvertently). So, it took some gold coins to buy these props, but after buying, in their own empty space how to put, there must be a set of rules: it is possible that the rules to write:   1, the south is two main horizontal   2, the garage finally and the basement together   3, the various props How size is set   4, how the spacing of each prop is set   (these are referred to as CSS styles)   then the home appliance and the servant who buys by the Carlsberg certainly also according to own heart request to choose, may be this:   1, the home appliance must have X-max The effect of   2, preferably a complete set of smart home Solutions   3, the maid will not only make shredded pork, but also must be cooked instant noodles.   This article source: I Love It Technology Network (http://wwww.52ij.com/it/) reproduced please indicate the source, thank you!
Related Article

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.