文本标题
<h1><h1>
h1-h6 字体从大到小,且有加粗效果
水平线
<hr/>
可以改变样式
段落
<p>文本内容</p>
强制换行
<br/>
空格
所占位置和当前字号大小有关
加粗
<b></b> 样式标签
<strong></strong> 表示强调
倾斜
<i></i> 样式标签
<em></em> 表示强调
注释
<!--要注释的内容-->
列表
无序列表 有序列表 自定义列表
<ul> <ol> <dl>
<li>列表内容</li> <li>列表内容</li> <dt>名词</dt>
</ul> </ol> <dd>解释</dd>
</dl>
插入图片
<img src="路径" alt="图片替换文字" title="图片标题">
title 鼠标停在图片上时给的提示,鼠标离开就没了
alt 在图片因某种原因不能加载时,原本页面中显示图片的地方会显示文字信息
超链接
<a href="#"></a> 空连接,返回页面顶端
<a href="路径" title="提示文本" target="_blank"></a>
target="_blank" 打开新页面
表格
<table>表格 <tr>行 <td>列 <th>列,默认字体加粗居中
cellpadding 单元格与内容间的距离
cellspacing 单元格与单元格间的距离
align = left/center/right (水平对齐)
valign = top/center/bottom(垂直对齐)
colspan 合并单元格的列
rowspan 合并单元格的行
表单
outline:none 去掉蓝色框
<form method="get/post" action="路径"></form>
method 提交方式 action 跳转的页面路径
文本框
<input type="text" placeholder="默认值" value="用户输入值" name="">
maxlength 用户输入字符额最大长度 size 可见的字符数
密码框
<input type="password" placeholder="密码" name="">
提交按钮
<input type="submit" value="" name="">
按钮
<input type="button" value="" name="">
submit 只起到提交作用 botton 只起到跳转的作用
重置按钮
<input type="reset" value="" name="">
单选按钮
<input type="radio" value="" name="">
disabled 禁用 checked 默认选中 name名必须一致
多选按钮
<input type="checkbox" value="" name="">
下拉菜单
<select>
<option>菜单内容</option>
</select>
select size="数字" 设置显示的个数
select 默认选中
多行文本
<textarea mane="textarea" cols="字符宽度" rows="行数"></textarea>
文本域
<div></div>
文本布局对象
span用法
<span></span>
某一小段文本或某个字
框架标签
<iframe></iframe>
frameborder 框架边框
scrolling=auto/no 去掉滚动条
src=url 引入页面的内容
相对路径
1、当html和图片在一个文件夹时
名字+扩展名
2、当html所在的文件夹和图片所在的文件夹是同级时
../名字+扩展名
3、当html和图示所在的文件夹是同级时
图片所在的文件夹名字/名字+扩展名
所有关于路径的写法都是一样的