首页 / 知识

HTML基础的用法

2023-04-11 14:41:00

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

2、<meta charset="GBK">指定字符集（GB2312、UTF-8），html保存和指定字符一样，才不会乱码；

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

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

1、h、p 和 hr 标签

2、注释：

3、图片：<img src=" ">

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

5、跳转：<a href=" "></a>

6、base 标签：<base target="_self ">

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

8、锚点：<a href="#id值"><\a>

1、无序列表（!）

2、有序列表（*）

3、定义列表

HTML基础的用法

1、格式

HTML基础的用法

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、格式

HTML基础的用法

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基础的用法

3、非 input 标签

（1）select

HTML基础的用法

（2）textarea

4、练习

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

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

1、video 标签

（1）格式：<video src=" " autoplay="autoplay"></video>；

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

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

HTML基础的用法

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

2、audio 标签

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

3、details 和 summary 标签

（1）格式：

HTML基础的用法

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

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

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

（3）废弃的标签： <hr>加粗下划线斜体<s>删除线（无语义）

替代的标签：<ins><del>（加入了语义）

5、字符实体

（1）&nbsp；空格 &lt；&gt； &copy；版权符号

（2）理解：html 占用了的不显示的特殊字符用另外的代替符号表示，使他们正常在 html 页面上显示

标签文本协议字符字符集浏览器

首页 / 知识

HTML基础的用法

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢