<! DOCTYPE HTML > < HTML > < head > < Meta charset = "UTF-. 8" > < Meta HTTP-equiv = "X--the UA-Compatible" Content = "IEs = Edge" > < title > This is the title </ title > < Link rel = "stylesheet" href = "" > </ head > < body > <-! target: newly opened tabs open, without this attribute is open from the original tab! -> <a href= "http://www.baidu.com" title = "Link to Baidu" target = "blank" > Baidu </ A > < H3 > ordered list </ H3 > < OL > < Li > Learning HTML </ li > < li > learn CSS </ li > < li > learning JavaScript </ li > </ OL > < h3 > unordered list </ h3 > <!-- <ul> <Li> News Headlines </ li> <li> News headline a </ li> <li> News Title II </ li> <li> News Title 3 </ li> <li> News Title IV </ li> < / ul> -> ! <- ul> (li> A) * 5: quickly generate the following code -> < UR > < li > < A href = "" > News headlines </ A > </ li > < li > < A href = "" > News headlines </ A > </ li > <li > < A href = "" > News Headlines</ A > </Li > < Li > < A the href = "" > headline </ A > </ Li > < Li > < A the href = "" > headline </ A > </ Li > </ UR > < H3 > defined list </ h3 > <-! dt / dd: indented between the cases: HTML structure in charge of the page -> < DL > < dt >html</ Dt > < dd > structure responsible for the page </ dd > < dt > CSS </ dt > < dd > is responsible for page performance </ dd > < dt > Javascript </ dt > < dd > is responsible for the behavior of the page < / dd > </ DL > </ body > </ HTML >