ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML入门学习

2022-05-18 06:00:07  阅读:141  来源: 互联网

标签:lable 入门 表格 标签 默认 列表 学习 HTML 属性


文本格式化标签

重要程度

如果觉得重要就用图2表示

为什么要这么写

好处?对人:好理解 号记忆

对及其有利于及其的解析,对搜索引擎(SEO)有帮助

推荐

strong ins em del表示的强调语义更强烈

媒体标签

title 和width等问题

title是一个鼠标静止就出现提示的文本

显示图片

绝对路径和相对路径

绝对路径:就是指目录下的绝对位置,可字节到达目标位置,通常从盘符开始的路径例如I:\android学习内容

相对路径:分为 同级 下级 上级

上级使用../

下级使用./

根目录使用/

音频标签

<audio src="C:\Users\KTczx\Desktop\音乐\Sad NF Type Beat Story Sad Emotional Rap Piano Instrumental 2021.mp3" controls autoplay loop> </audio>

其中controls为显示播放的插件 autoplay为 自动播放 loop为循环播放

  1. 注意事项

  2. MP3 Wav Ogg 目前音乐标签支 持的三种格式

视频标题

<video src="C:\Users\KTczx\Desktop\Free Sad Type Beat - Goodbye Emotional Rap Guitar & Piano Instrumental 2022.mp4" controls autoplay loop width="500px"></audio>

其中controls为显示播放的插件 autoplay为 自动播放 loop为循环播放

  1. 注意事项

  2. 注意谷歌浏览器需要使用muted进行静音的播放

  3. MP4 WebM Ogg 目前视频标签支持的三种格式

无序列表和有序列表

无序列表

ul 是表示无序列表的整体用于包括li标签

ul只能包含li

有序列表

ol 标签只允许包含li标签

li标签可以包含任意内容

自定义列表

dl 表示自定义列表的整体,用于包裹dt/dd标签

dt表示自定义列表的主题

dd 表示自定义的针对主题的每一项内容

例如小米商城一般会用到

表格

table 表格整体,可用于包裹多个tr

tr 表格每行,可用于包裹td

td表格单元格可用于包裹内容

注意点:

标签的嵌套关系:table>tr>td

表格内容加粗

如果你想加粗如图:

caption 表格大标题 表格整体大标题,默认在表格整体顶部居中位置显示

th表头单元格 表示一列小标题,通常用于表格第一行,默认内部文字加粗并居中显示

跨行合并 跨列合并

跨行合并rowspan

跨列合并colspan

上下合并只保留最上的,删除其他

左右合并只保留最左的,删除其他

表单

input标签属性

text 文本框 placeholder提示值

password 密码框

radio 单选框 name 分组有相同name的属性值的单选框为一组,一组中同时只能有一个被选中

checkbox 多选框 默认选中

file 文件选择上传文件默认只能上传一个 multiple可以上传多个

submit 提交按钮 真能提交数据给后端 想添加按钮的文字valume

reset 重置按钮

button 普通按钮 默认无功能,之后配合js添加功能

select标签

option标签:下拉菜单的每一项

常见属性selected:下拉菜单的默认选中

textarea文本域标签

cols 规定了文本域内可见宽度

rows:规定了文本域内可见行数

注意点:

右下角可以拖拽改变大小

实际开发时针对于样式效果推荐用css设置

lable标签用于radio里

lable标签把内容(如:文本)包囊起来

在表单标签上添加id属性

在lable标签的for属性中设置对应id属性值

使用2

直接使用lable标签把表单标签包囊起来

把lable里面的for属性删掉

标签:lable,入门,表格,标签,默认,列表,学习,HTML,属性
来源: https://www.cnblogs.com/KTczx/p/16283154.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有