HTML5

CLASS LEARNING - CHAPTER 1:

01.02 Evolution of HTML

  • Mosaic第一个图形化浏览器
  • 2005-2008使用HTML创建内容,CSS进行样式设计 --> 标准方式
  • 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.
  • 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;
  • 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.
  1. 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.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值