1.作業(yè)目的實(shí)現(xiàn)：

@_[TWAO}_S]5_}5CAI_KRRU.png

2.任務(wù)過程：

在學(xué)習(xí)了HTML列表之后我開始完成這個(gè)作業(yè)。
1.觀察到任務(wù)目的是3重嵌套，所以先完成外城嵌套
用無序標(biāo)簽< ul>和< li>完成兩個(gè)分別是JavaScript和Java的列表項(xiàng)

代碼>

{SY875M8$`E16L9BWJ0Y%KD.png

實(shí)現(xiàn)>

@B8NC2JVY$IO7J3PX3MZV9F.png

2.然后進(jìn)行第一次列表嵌套，在JavaScript內(nèi)加一個(gè)有序標(biāo)簽< ol>定義為,在此列表內(nèi)再加入兩個(gè)列表項(xiàng)，分別是第一章和第二張

代碼>

FCS@1H$$)1D~P1}{@9BYJ{X.png

實(shí)現(xiàn)>

Paste_Image.png

3.在進(jìn)行第三重嵌套，所以要加一層< ul>，并且加入const與let列表項(xiàng)

代碼>

Paste_Image.png

實(shí)現(xiàn)>

Paste_Image.png

4.重復(fù)上述步驟，按要求辦成Java列表項(xiàng),也可用樣式等進(jìn)行字體大小的調(diào)整.

最后附上源代碼以及實(shí)現(xiàn)

代碼>

Paste_Image.png

實(shí)現(xiàn)>

Paste_Image.png