Home > Developer > Web Develop
The previous time has been learning Python, not only to learn the basic Python grammar, and scientific calculations, mainly numpy and matplotlib, reptiles, and temporarily did not use the scrapy so high-end library, but also stuck in Python's own urrllib module, There is also the BeautifulSoup parser, I found that the problem of the web, always go around. Admittedly, the web has become the main channel of data acquisition, so it is necessary to understand some of the rules of its mechanism, not to mention, words have a little selfish, is want to do a personal website out. In a word, the knowledge of the Web is a must learn, the most direct, the nature is HTML, CSS and JavaScript, these three are a progressive relationship, it is understood that JavaScript function is also extremely powerful, so this time, first focus school HTML5+CSS3 knowledge.
Study, or should pay attention to strategy, the method is appropriate, with less effort. As far as I am concerned, I prefer to have a macro grasp first, then miniature the details. So now I have a lesson online to find a basic tutorial (HTTP://WWW.IMOOC.COM/LEARN/9), spent a few days, a general understanding of HTML and CSS syntax and some of the tags, of course, are very trivial, initially have an impression. Here, it is worth mentioning that the technology of learning it, MU-class network is really good, but this is only suitable for beginners, in-depth words, or to read. So I found a book from the Library, "HTML5 and CSS3 Basic Course", the people's post and Telecommunications publishing house book, which is also a very conscience of the publishing house, from here, began the details of the inquiry.
There are a lot of content in the book, respectively.
1, the HTML looks complex, in the final analysis is also a text file, but here the text file will have some special characters, these characters are formatted, representing a different meaning, although the meaning is different, but are very clear, professional point of said, is the "label." HTML English full name Hypertext Markup Language, literal translation "Hypertext Markup Language", "tag" is its most important thing. This also brings out the most important idea in HTML writing: Semantics , which is also emphasized in this book, HTML is just to add the appropriate label to different text in the Web page, as for how to behave, that is the CSS to do. Although different tags in the browser will have a special format, but this is only the default CSS provided by the browser to do, can be arbitrarily changed, and HTML is not related, not to want to express a certain format to use a tag, this is not the original meaning of HTML.
2. Basic HTML interface
<!--indicates that this is a HTML5 file and should always be on the first line-- <! DOCTYPE html> <!--language is English-- ? ???? <!--encoding is utf-8, otherwise Chinese may be garbled--- ???? <meta charset= "Utf-8" > ???? <title></title> ? <body> ???? </body> ? |
3, a Web page includes such three aspects of content: text content, reference to other files and tags, and HTML tags include three parts: elements, Attributes and values, each label has different properties, in the study should be actively recorded.
4 . Naming rules for files and folders:
In the content of the Web page, should take into account the SEO (Enhanced search engine optimization) problem, so in the name of the time, mainly follow the three-point rule: file name as far as possible all in lowercase, between words with a short horizontal line separated (not space, nor underline), using the correct extension, the experience of the predecessors, even if somehow, should also pay attention to form good habits.
5, url (Uniform Resource Locator, Uniform Resource Locator), divided into absolute url and relative URL, the literal meaning is easy to understand, see the usage below. The absolute URL is very simple, to where all the same, is our daily access to the most URLs, and the relative URL is cumbersome, divided into several different situations, such as:
Referencing a file in the same directory--write the file name directly
Refer to files under Subdirectories--folder name/file name
file that references the upper-level directory ——.. /upper folder name/file name
Root relative url--/folder name/folder name/file name (this is more useful)
6, the form of the document should be roughly like this
?
Summary: Just beginning to learn, find HTML this language, and ordinary those not too the same, have their own personality, also have their own way of dealing with things, very fresh. To say the most important, or from the book to learn the concept of "semantic", if the HTML is not understood, that is the white school. It feels like the most essential part of the language has just begun to learn.
?
Recommended books: "The perfect web of visual design Rules", "Web Design Practice"
HTML5+CSS3 Study Notes (i)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
