CLASS LEARNING - CHAPTER 1:
01.02 Evolution of HTML
- Mosaic第一个图形化浏览器
- 2005-2008使用HTML创建内容,CSS进行样式设计 --> 标准方式
![](https://i-blog.csdnimg.cn/blog_migrate/63ce79cf5ab30daccb2ed625771817fb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ea74c6770ce9fe27727cbf871198b73e.png)
- Browsers translate HTML documents into viewable webpages.
- The W3C is not in charge of the web but is a leader in the development of common standards.
01.03 How HTML works
- LAN: a local area network,图中3 computers share 1 server;
- WAN: a wide area network, share servers across mutiple buildings.
![](https://i-blog.csdnimg.cn/blog_migrate/ea806c04069e6ced44d618538592b434.png)
- URL: Uniform Resource Locator
URL = protocol + domain + (optional) document - Protocols
HTTP: Hypertext Transfer Protocol --> give back and forth HTML5 code;
HTTPS: Secure Hypertext Transfer Protocol
FTP: File Transfer Protocol --> could be any type of file;
![](https://i-blog.csdnimg.cn/blog_migrate/0bb894d2d2e5a53555533417786e8c56.png)
-
Domain
The domain is the name used to identify who the server belongs to. It tends to be the second part of the URL. Make sure to use the “.” part of the URL here, but nothing after any slashes.
The top-level domain identifies the type pf entity being connected, e.g. education, government, non-profit , etc. Some examples of top-level domain names include include .gov, .edu, and .org. -
IP Address
Every single client needs their own address. -
Request and Response
-
How URL works
– The domain is the name used to identify who the server belongs to. It tends to be the second part of the URL. Make sure to use the “.” part of the URL here, but nothing after any slashes.
– The top-level domain identifies the type pf entity being connected, e.g. education, government, non-profit , etc. Some examples of top-level domain names include include .gov, .edu, and .org.
HW QUESTIONS - 1:
-
the DNS(Domain Name Service) server resolves the domain name to the IP address.
-
What are property tags? ---- Some browsers incorporate proprietary HTML tags; that is, they only work in that particular browser. … This means that these proprietary tags will display properly only in IE or possibly some other browsers.
-
The
<font>
tag is used to break the tenet of the separation of content and layout(布局).(存疑)
CLASS LEARNING - CHAPTER 2:
02.01 The Document Object Model (DOM)
-
HTML is built on the DOM --> DOM is like a tree
-
Three parts of a well-formed document
-
Well-performed pages use the DOM structure
Use beginning and end tags
Close inner tags before outer ones
Use valid attributes -
The DOM requires the
<head>
element to end before the<body>
element begins. It is okay to begin and end a<title>
element in the<head>
though.
READING - CHAPTER 2:
01 GET TO KNOW HTML
1. Semantics within HTML is the practice of giving content on the page meaning and structure by using the proper element. -->describe the value of content on a page, regardless of the style or appearance.
2. Divisions, or <div>
s, and <span>
s are HTML elements that act as containers solely for styling purposes. <div>
s and <span>
s do not hold any meaning and are simply containers.
- A
<div>
is a block-level element that is commonly used to identify large groupings of content, and which helps to build a web page’s layout and design. A<span>
, on the other hand, is an inline-level element commonly used to identify smaller groupings of text within a block-level element. - HTML comments start with
<!-- and end with -->
. CSS comments start with/* and end with */
.
3. Using text-based elements - Headings are block-level elements, and they come in six different rankings,
<h1>
through<h6>
. - Headings are often followed by supporting paragraphs. Paragraphs are defined using the
block-level element. Paragraphs can appear one after the other, adding information to a page as desired.
- 加粗:Bold text with
<strong>
and Stylistically offset --><b>
- 斜体:
<em>
place a stressed emphasis on text &<i>
is used semantically to convey text in an alternative voice or tone, almost as if it were placed in quotation marks.
- Building Structure
- Browsers translate HTML documents into viewable webpages.
- The W3C is not in charge of the web but is a leader in the development of common standards.