继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第2天 HTML5效果标签和列表标签

周帅帅Love
关注TA
已关注
手记 85
粉丝 5
获赞 95

课程名称:初识HTML(5)+CSS(3)-升级版

课程章节: HTML5效果标签、HTML5列表标签

主讲老师:五月的夏天

课程内容:

今天学习的内容包括: 特效标签的使用,其中有br标签, 标签,hr标签。列表标签的使用,其中有ul标签,li标签,ol标签。

课程收获:

br标签的作用增加换行,怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br /><br />标签作用相当于word文档中的回车。在xhtml1.0中的写法:<br />,在html4.01中的写法:<br>html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的,所以我们才使用br标签。
图片描述

如果我们想要再加点空格呢 - 使用特殊字符&nbsp;实现空格标签。
图片描述

如果想要来一个水平分割线 - 使用<hr>标签实现水平线标签。html4.01版本 <hr>xhtml1.0版本 <hr />。我们需要注意的是<hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。<hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色。我们需要注意的是,我们现在一般使用 xhtml1.0 的版本。
图片描述

我们添加新闻信息列表 - 使用<ul>``<li>标签实现无序列表。这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。每项li前都自带一个圆点。
图片描述

有序列表可以使用<ol><li>标签来实现有序列表。<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始。
图片描述

今天学习了HTML5语义化标签和HTML5列表标签,共5个小结,花费了35分钟,学习了如果使用换行,空格,水平线标签使得页面更好看,也懂得使用有序列表和无序列表的标签进行排版,我们在网站写相关信息时,常常会用到列表标签。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP