HTML基础的用法有哪些
本文小编为大家详细介绍“HTML基础的用法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML基础的用法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
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 class="lazy" data-src=" ">
4、换行:<br> 用于内容未完的换行
5、跳转:<a href=" "></a>
6、base 标签:<base target="_self ">
7、假链接:点击不会跳转
8、锚点:<a href="#id值"><\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)格式:<video class="lazy" data-src=" " autoplay="autoplay"></video>;
(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)废弃的标签:<br><hr><font><b>加粗<u>下划线<i>斜体<s>删除线(无语义)
替代的标签:<strong><ins><em><del>(加入了语义)
5、字符实体
(1) ;空格 <;>; ©;版权符号
(2)理解:html 占用了的不显示的特殊字符用另外的代替符号表示,使他们正常在 html 页面上显示
读到这里,这篇“HTML基础的用法有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341