练习
This commit is contained in:
@@ -253,16 +253,16 @@ html 元素和标签的区别:
|
||||
|
||||
3. 新建一个html文件,页面上展示hello world
|
||||
world加粗
|
||||
完成内网通发截图
|
||||
完成微信发截图
|
||||
|
||||
4. 新建一个html文件,页面上展示一篇文章的题目,作者,发布日期,正文内容,阅读量,点赞量,评论量
|
||||
其中,标题单独一行,下面放作者,发布日期,下面放正文内容,最下面放阅读量,点赞量,评论量
|
||||
完成内网通发截图
|
||||
5. 在任务4的基础上 在正文之前插入一个图片作为文章封面
|
||||
完成内网通发截图
|
||||
完成微信发截图
|
||||
|
||||
6. 在任务5的基础上,从最上面添加一个输入框和搜索按钮,点击搜索,将输入框中输入的值带入www.baidu.com的地址栏中
|
||||
完成内网通发截图
|
||||
完成微信发截图
|
||||
|
||||
7. 用自己的方式调整任务4的html页面的样式
|
||||
完成内网通发截图
|
||||
完成微信发截图
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
|
||||
## 列表 list
|
||||
### 无序列表 ul-li
|
||||
<ul>
|
||||
<ul style="list-style:none">
|
||||
<li>香菱</li>
|
||||
<li>皇女</li>
|
||||
<li>旅行者</li>
|
||||
@@ -80,7 +80,7 @@
|
||||
</ul>
|
||||
|
||||
```
|
||||
<ul>
|
||||
<ul style="list-style:none>
|
||||
<li>香菱</li>
|
||||
<li>皇女</li>
|
||||
<li>旅行者</li>
|
||||
@@ -88,6 +88,26 @@
|
||||
</ul>
|
||||
```
|
||||
|
||||
<ol style="list-style:none">
|
||||
<li>锅巴</li>
|
||||
<li>奥兹</li>
|
||||
<li>丘丘人</li>
|
||||
<li>应急食品</li>
|
||||
</ol>
|
||||
|
||||
```
|
||||
<ol style="list-style:none">
|
||||
<li>锅巴</li>
|
||||
<li>奥兹</li>
|
||||
<li>丘丘人</li>
|
||||
<li>应急食品</li>
|
||||
</ol>
|
||||
```
|
||||
|
||||
> 这里的ul和ol 都会在列表前面自带一个符号或者数字 为了去掉这个数字或者改变无序列表前面的符号 请不要在html 的ul标签中使用type属性改变符号,推荐使用css属性 list-style属性来改变 前面的标志或数字
|
||||
|
||||
|
||||
|
||||
阅读上面的文档,完成以下练习
|
||||
|
||||
1. 新建一个html页面,
|
||||
Reference in New Issue
Block a user