Training Day:
in the morning, I came early, was supposed to start 10 o'clock class, I arrived early at 9 o'clock, and to the tense after, I do not know which classroom, the teacher introduced the class teacher Hou a beauty. She is responsible for student seats. I accept the beautiful teacher really a little Mei Mei, the beautiful teacher also introduce a class taught teacher named Zhang, he was a chubby, cute ah. I is not afraid. I will not say that, I say point down to business:
Zhang gave me introduce the concept of content:
** 1)什么是HTML**A: HTML is HTML, is a scripting language that runs on the browser. HTML is what we open in any browser inside a web page, all pages are inseparable from HTML.
Hypertext: refers to the inside pages can contain images, links, and even music, videos, and other non-text elements;
tag: a tag, you can tell the browser how to display these hypertext content, such as: <b> </ b> It is a way for text bold tag.
note:
1、HTML不是编程语言，它是一种标记语言（脚本语言）；
2、HTML是部署在服务器上，运行在浏览器上；
3、HTML是使用标记标签（标记符）来描述页面内容；
** 2)为啥使用HTML？**A: HTML is used to describe the page content, you can tell the browser to display the appropriate content based on our label. For web sites, HTML is the skeleton of the entire site, if not HTML, it is difficult to explain the site look like?
** 3)认识浏览器**A: Our perception: the browser is an icon, you can double-click to open, enter the URL in the address bar, it will display the corresponding page.
We do not see the contents: When we entered after the address bar of the web browser, the browser sends a request to the server, the server receives and processes in the future, the results will be processed in response to the browser.
** 4)使用浏览器的开发人员查看请求和相应**A: Right-click in the browser "Check / Inspect Element", shortcut keys F12
4.1、打开network
4.2、浏览器请求的详细信息
4.3、浏览器请求数据的原理It is to make the browser requests a page to go directly to the server, find the corresponding HTML file after file through the entire response response back to the browser.
4.4、请求协议----http协议
请求报文
浏览器发送给服务器
响应报文
服务器发送给浏览器的Composition of the URL: protocol: // server IP address: port number / page request
home address house number
** 5)动态页面和静态页面**A: static pages: After the HTML code and content and writing is completed, the content of the page and display essentially unchanged (unless you change the code);
动态网页：页面代码虽然没有变，但是显示的内容却是可以随着时间（秒杀）、环境、数据库操作的结果而发生变化的；Note: Do not dynamic web pages and have animations confused, as long as there is no change in the content of the page, then that is a static Web page.
** 6)HTML技术的发展历程**answer:
-
In 1993, the first version of HTML 1.0 was born;
-
In November 1995, HTML 2.0 release;
-
In January 1997, HTML3.0 released, W3C Recommendation;
-
In December 1997, HTML 4.0 released, W3C Recommendation;
-
In 1999, HTML 4.01 release, W3C Recommendation;
- October 2014, HTML 5 release, retains all the features of HTML 4, adding many new features (small video).
W3C: World Wide Web Consortium, is the basis of the most authoritative and WEB influential international technology-neutral standards body, the WEB organizations to develop technical standards.
** 7)HTML的开发工具**
答：- Dreamwear: page visual development software (bias design, do not write the code)
- Hbuilder, Webstrom: (heavyweight) comes with full-feature comparison of the development software
-
Sublime, EditPlus, EverPlus such as: (lightweight) comes with a full function less
* Notepad: pure hand knock
** 8)HTML入门**answer:
- File extension:
-
Suffixes a, modify the file will not change the file contents;
-
b, used to determine the extension of the file to open the way;
- c, for the HTML page, if we are to view the contents of this file directly to a browser open way; but we want to modify this file
content, it should be opened with Notepad.
9) HTML structure
** !DOCTYPE***
! DOCTYPE is the document type, in short, is to explain which version of the file using the HTML specification.
In use! DOCTYPE when all the contents of the html behind all removed, after removing is <! DCOTYPE html> This is the HTML 5 version of the wording.
- html tags
role: All HTML tags in the root, all tags are under html tags. - head tag
effect: Store title, meta, base, style, script, link content, is the head of the page header information, content head which is not displayed on the page. - body tag
effect: used to store the label which page to display the content, the content is displayed inside the body of the page. - Label title
role: to make the page has a title of their own
-
meta tag
usage of meta:
1, the Description ---- description page, the page can be used to describe the information that will be carried out included Baidu and other search engines, in order to improve page ranking.
2, charset --------- character set (encoding format page content), there are two common character set:
utf8 (utf8) ---- included text in all languages of the world in
gbk ( gb123) ---- only contains kanji, katakana
3, keywords ------- keywords, the keywords can be used to improve the proportion of the page (a way to improve the page rank)** 10)HTML的注释**Answer: Code: <-! Xxxxxxx ->
roles: a piece of code to add a explanatory text, mainly for illustration page layout.
Features: comments are not displayed on the page11)记忆：