There are various tutorials everywhere on the market. To show the differences in this series of articles, I specifically named the bei series. Where are the differences? I will teach you step-by-step learning based on the concept of HTML, to ensure that you will gain gains after reading it.
Suitable audience: I don't have much spare money to send to the training institution's SB instructors. If you really want to go to the training institution to study, please first inquire about the salary of the teachers there, if there are no more than 6000 or 7000 yuan, don't go. You don't want to think about it. Even if you learn from him, your salary will not exceed 6000 or 7000 yuan.
Before learning, remember the words of Bruce Lee, a great philosopher and martial artist: Clear your cup to fill your cup. Empty to complete.
Reference books: 1, O 'Reilly. HeadFirst. Html. With. Css. And. Xhtml
2, W3C shcool
3. CSS zen garden
4. HTML document CSS document
I think the above three books are enough if you want to get started. It is a waste of money to buy other books. It is better to take a look at HTML DOCUMENT, and CSS document.
About HTML and CSS in episode 1st
Objective: In this course, you need to know what HTML is and what CSS is used.
Okay, I started the course. I borrowed the Observer Model in software engineering. I assume that any reading of this article must develop on the WEB, if I do not want to develop in this area, I am sure I am confused about this article. OK. First of all, let's get to know the concept of WEB.
WEB Baidu's explanation is as follows: a webpage is a basic element of a website and a platform that carries various website applications. In general, your website is composed of web pages.
We also need to understand the concept of a browser:
Browser: client browser of the World Wide Web service. Various requests can be sent to the Web server, and hypertext information sent from the server and various multimedia data formats can be interpreted, displayed, and played.
It can be understood as follows: the WEB is mainly composed of a client and a server. The client is the terminal that receives information. When we send a text message, the client is the receiver, and the server is the sender. Of course, the abstraction of firewall, DNS and other things is omitted, because you do not need to understand these things.
Therefore, you may also hear some geeks say that the web architecture is a B/S architecture. If you know a little English, you will know that it is the abbreviation of (brower, and server.
Of course, the above things are all nonsense. You don't need to read them. You actually need to know little about HTML and CSS.
Close your eyes and think about it. For example, what do you do if you want to view beautiful pictures online today? OK. You must open a browser, whether it is IE or FIREFOX. Therefore, you will naturally know that we must use a browser to view webpages on the website. If you are professional, you can say that, the browser is a tool that parses the language that uploads html css js and other code to the client into something we can understand according to a set of built-in rules.
As long as you understand the parsing rules of the browser, it means that you have basically understood HTML and CSS code. Well, now let's look at how the browser parses it. First, start with a classic HELLOWORLD example.
Recommended Editors: notepad ++, editplus, and dreamware (this is not recommended for new users. These IDE integration tools will destroy you, so that you will not write a complete line of code in your life ),
<Html>
OK ,save your example as a. html and. htm file, and browse it in a browser.
Through the above example, you will understand the following knowledge:
1. tags are usually paired. Are there tags that are not paired? Of course, for example, <input type = "image"/>, but a single label usually adds a diagonal line at the end, which means that I have closed it.
2. HTML consists of two parts:
Because there are three main things in the client:
HTML: Responsible for content
CSS: Responsible for style
Javascript: responsible for dynamic things
For example, you will understand at once:
Real estate has recently emerged in the monopoly's virtual community: ashboard wants to build a big house like Mrs. Qian (you will know from Baidu that house is dedicated to villas in the west ), he wants to build a House with five rooms, three halls, and four guards. He wants a big garden and a parking garage. In his room, he will buy some household appliances and some furniture.
Here, the virtual community regards parking garage, garden, and horizontal as an independent thing (these are called html RMB inadvertently on the WEB ). Therefore, ashboard spent some gold coins to buy these items, but after buying them, there must be a set of rules: It is possible that this set of rules is written like this:
1. There are two master bedrooms in the south.
2. The garage is at the end of the basement.
3. How to set the size of each item
4. How to set the spacing of each item
(These are called CSS styles)
Then the household appliances and servants purchased by ashboard must also be selected according to their own requirements, which may be like this:
1. Household appliances must have X-max Effect
2. A complete set of Smart Home solutions is preferred.
3. The servant not only needs to cook fish-flavored shredded pork, but also needs to cook instant noodles.
Source of this article: Himalayan Network (http://www.ximalaya.com/) reprint please indicate the source, thank you!