HTML-列表、表格、表单

列表-表格-表单-表单控件

1 回顾

1.1 文本标签

em			强调,默认表现为斜体
strong		强调,默认表现为粗体
del			删除的内容,默认添加删除线
ins			添加的内容,默认添加下划线
sub			下标字
sup			上标字

1.2 图片标签

img		单标签
属性: src	alt	width height border
绝对路径:
	完整的网络路径

相对路径:
	./		目标文件在同级或者下级
	../		目标文件在上级或者更上级

1.3 超链接和锚点

① 超链接
a 标签,双标签
属性: href	target 值:_self、_blank
② 锚点
1. 如何设置锚点
	第一种方式,使用 a 标签,设置 name 属性,name 属性的值就是锚点名
	第二种方式,任何一个标签都可以设置 id 属性,id属性的值是锚点名

2. 如何访问锚点
	通过超链接

2 列表

2.1 无序列表

<ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ul>

无序列表的应用场景: 新闻列表、文字列表、博客列表、商品列表以及导航条等等…

2.2 有序列表

<ol>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    ...
</ol>

有序列表的应用场景:热搜、排行榜等等…

2.3 定义列表(了解)

<h2>前端要学习的内容:</h2>
<!--
	dt 和 dd 共同组成一个列表项
-->
<dl>
    <dt>HTML</dt>
    <dd>超文本标记语言</dd>
    <dt>CSS</dt>
    <dd>层叠样式表</dd>
    <dt>JavaScript</dt>
    <dd>浏览器脚本语言</dd>
</dl>

<hr>

<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值