第一期学习路线:任务一----作业一(完成一个小列表)

1.作业目的实现:

第一期学习路线:任务一----作业一(完成一个小列表)_第1张图片
@_[TWAO}_S]5_}5CAI_KRRU.png

2.任务过程:

在学习了HTML列表之后我开始完成这个作业。
1.观察到任务目的是3重嵌套,所以先完成外城嵌套
用无序标签< ul>和< li>完成两个分别是JavaScript和Java的列表项

代码>

{SY875M8$`E16L9BWJ0Y%KD.png

实现>

第一期学习路线:任务一----作业一(完成一个小列表)_第2张图片
@B8NC2JVY$IO7J3PX3MZV9F.png

2.然后进行第一次列表嵌套,在JavaScript内加一个有序标签< ol>定义为,在此列表内再加入两个列表项,分别是第一章和第二张

代码>

第一期学习路线:任务一----作业一(完成一个小列表)_第3张图片
FCS@1H$$)1D~P1}{@9BYJ{X.png

实现>

Paste_Image.png

3.在进行第三重嵌套,所以要加一层< ul>,并且加入const与let列表项

代码>

Paste_Image.png

实现>

第一期学习路线:任务一----作业一(完成一个小列表)_第4张图片
Paste_Image.png

4.重复上述步骤,按要求办成Java列表项,也可用样式等进行字体大小的调整.

最后附上源代码以及实现

代码>

第一期学习路线:任务一----作业一(完成一个小列表)_第5张图片
Paste_Image.png

实现>

第一期学习路线:任务一----作业一(完成一个小列表)_第6张图片
Paste_Image.png

你可能感兴趣的:(第一期学习路线:任务一----作业一(完成一个小列表))