html学习笔记 标题、段落、换行、列表、超链接、图片、表格

<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