HTML基础的用法有哪些

本文小编为大家详细介绍"HTML基础的用法有哪些"，内容详细，步骤清晰，细节处理妥当，希望这篇"HTML基础的用法有哪些"文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

1、html标签是用来给文本添加语义的，而不是用来修饰文本的；

2、指定字符集（GB2312、UTF-8），html保存和指定字符一样，才不会乱码；

3、 DTD文档申明告诉浏览器我用的什么协议来写的，不是html标签；

4、webstorm快捷键大全：https://www.cnblogs.com/yeminglong/p/5995421.html

1、h、p 和 hr 标签

2、注释：

3、图片：

4、换行：
用于内容未完的换行

5、跳转：

6、base 标签：

7、假链接：点击不会跳转

8、锚点：<\a>

1、无序列表（!）

2、有序列表（*）

3、定义列表

1、格式

2、属性

（1）宽高

（2）水平和垂直对齐（align 和 valign）

（3）内边距和外边距（cellpadding 和 cellspacing）

（4）细线表格

3、表格的其他标签

（1）caption：表格的标题标签，必须写在 table 内而且需紧跟 table

（2）th：th 和 td 同级，th 有加粗的效果

4、表格的结构

（1）组成：caption 标题、thead 表头、tbody 主体、tfoot 尾部

（2）说明：

5、单元格的合并

（1）水平方向：td 属性 colspan = "2"；

（2）垂直方向：td 属性 rowspan = "2"；

1、格式

2、input 标签

（1）type = text：

（2）password：

（3）radio：互斥要设置 name 相同；默认选中 checked

（4）checkbox：选中 checked

（5）button：

（6）image：

（7）reset：value 修改标题

（8）submit：

（9）hidden：

-----------------------------------------------------------------------------------------------------------------------

*相关标签：

HTML基础的用法

HTML基础的用法

3、非 input 标签

（1）select

（2）textarea

4、练习

（1）表单标签除了 button 外都可以用 value 来指定提交的值

（2）表单添加边框可以在 form 中添加 fieldset 来实现

1、video 标签

（1）格式：；

（2）属性：controls（控制条）poster（海报）loop（循环）preload（预加载，与autoplay冲突）muted（静音）width/height；

（3）另一种 video 格式：解决浏览器的兼容

（4）让所有的浏览器支持 video 标签：通过 js 框架来实现

2、audio 标签

（1）使用基本和 video 一样，属性只有宽高和 poster 不能用，也是两种格式

3、details 和 summary 标签

（1）格式：

4、marquee标签（跑马灯效果）

（1）w3c 不推荐，但是浏览器的支持好

（2）属性：direction（方向）scrollamount（滚动的速度）loop（滚动次数，默认-1）behavior（滚动类型 slide）

（3）废弃的标签：