html学习笔记 标题、段落、换行、列表、超链接、图片、表格
2023-12-28 00:20:21
<h1></h1>
<p></p>
<br>换行,不带线
<hr>换行,带线
列表
类似↓
- 2
- 1
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
<oi>
<li></li>
</oi>
嵌套
<ul>
<li>Java
<ol>
<li>数据类型</li>
<li>变量</li>
<li>函数</li>
<li>面向对象</li>
</ol>
</li>
<li>mysql
<ol>
<li>增</li>
<li>删</li>
<li>改</li>
<li>查</li>
</ol>
</li>
</ul>
超链接
- a
- href 用于定义要跳转的目标资源的地址
- 1 完整的url http://www.atguigu.com/
- 2 相对路径 以当前资源的所在路劲为出发点去找目标资源
- 同级文件,直接写文件名就行。
- a/test.html 同级的a文件夹下的test.html
- …/表示当前资源的上一层
- ./不写默认写
- 3 绝对路径
- /demo/test.html 从项目更目录开始,的demo文件夹下的test.html
- target 用于定义目标资源的打开方式
- _self 替换
- _blank 新建
- href 用于定义要跳转的目标资源的地址
<a href="http://www.atguigu.com" target="_blank"></a>
<a href="02标题段落换行.html" target="_self">02标题标签</a>
图片
- img
- alt 加载失败,显示图片
- src 图片路径
- title 定义鼠标悬停是提示的文字
<img src="">
表格
- table 整张表
- thead 表头 自动加黑
- tbody 表体
- tfoot 表尾
- tr 表格中的一行
- td 行中的一个单元格
- th 自带加粗居中效果的td
- tr 表格中的一行
一张表
排名 | 姓名 | 分数 |
---|---|---|
1 | 学Java一年还没学完的小菜鸡 | 3k*12 |
2 | 学了三遍html还得返工的后端程序员 | 0k*12 |
一张表
排名 | 姓名 | 分数 | 备注 |
---|---|---|---|
1 | 学Java一年还没学完的小菜鸡 | 3k*12 | 行侵占 |
2 | 学了三遍html还得返工的后端程序员 | 0k*12 |
列侵占,clospan
文章来源:https://blog.csdn.net/m0_69886881/article/details/135256042
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!