《前端与HTML》个人笔记|青训营

68 阅读2分钟

本节课主要介绍了HTML的相关内容。

下面是我整理下来的在编写HTML中需要的重要标签。

1.文档标题: h1~h6 (从1--6分别表示第x级标题)

2.列表

(1)有序列表:ol搭配li

(2)无序列表:ul搭配li

(3)含属性或标题的列表:dl(dt是标题,dd是内容)

3.链接:a标签 (加入target使链接从新页面打开,不覆盖原网页)

<a href=xxx  target=_blank>
</a>

4.图片:img标签

使用img标签可在其中加入其他要求,如规定图片宽度 width=xxx等。

5.音频:audio

6.视频:video

和音频一样,可在标签中加入 "controls"来实现播放控制。

7.输入类

(1)直接输入:input placeholder

(2)滑动条: input type="range"

(3)可上下调节数字: input type="number"

同时,也可以通过min和max来设定数字的区间。

(4)日期:input type="date"

(5)长文本框:textarea

(6)多选框:input type="checkbox"

(7)单选框:input type="checkbox" name=xxx

通过设置同样的name来使选择中只能有一个选项。

(8)下拉框:select搭配option标签

8.文本类

(1)快捷引用:blockquote

(2)短引用:cite、q(q标签多用于引用具体的某句话)

(3)代码关键部分:code

(4)多行代码:pre搭配code

(6)文字加粗强调:strong

(7)表示语气的加重:em

9.对于HTML的内容划分

(1)header 表示网页头部

(2)nav 可用来做导航条

(3)main 网页主体,通常一个网页只有一个

(4)aside 网页侧边

(5)article 网页中包含的文章,可以有零到多个

(6)footer 网页底部,通常用来声明版权或出处

自我感受

这节课更加详尽地讲述了HTML的相关知识,开发者们要想做出一个好的网页,不仅要熟练掌握这些知识,更要学会正确运用。要实现HTML的语义化,做到网页的无障碍应用,方便每一种情况的人群使用,就要依赖开发者们的细心和努力钻研了。