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 新建
<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

一张表

排名姓名分数
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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。