1.空格的实现:文字与文字之间存在距离【空格】,
中文的空格  [了解]
二分之个中文的空格 [了解]
2.换行:<br> break 单标签
强制换行:<br/>
3.标题标签:
双标签 h1~h6:一般h1代表最大的标题【文章标题/重点标题】,h2代表大模块标题【二级标题】,h3代表小模块标题【三级标题】
特点:有一定的行高,独自占据一行,而且从h1到h6是逐渐减小的
4.段落:<p>描述性内容</P> paragraph段落英文的缩写
特点:有一定的行高,独自占据一行【为双标签按】
加粗:<b></b> <strong></strong>
倾斜:<i></i> <em></em>
水平线:<hr> //可以实现换行 不可通过属性设置height,但可设置width,color
上标:<sup></sup> 下标:<sub></sub>
版权©:© 商标®:®;
5.超链接:点击可以发生跳转
语法结构:<a href="">描述性内容</a>
属性:href 链接跳转的地址 title属性鼠标悬停时显示的内容 target链接的打开方式
属性值: "_blank"在新的界面打开网页
"_self" 在当前页面打开
知识点延申:base标签<base target="_blank"> //从头部统一设置超链接打开方式
6.文本格式化标签:<b></b> <strong></strong>加粗 <i></i> <em></em>倾斜
特点:双标签,不能独自占据一行
7.图片
A.语法:<img src="图片的路径">
B.属性:
src 路径
相对路径:相对比而言【参照物的是HTML文件】
a.图片跟html在同一文件夹下时,直接用图片的名称
b.图片位于html下一级以及多级文件时,html文件全部路径和图片的全部路径相对比,去除相同的部分,留下图片相对于
html文件不同的部分,最后加上图片的路径
c.图片位于html的上一级或者上多级文件,用../找到html上级文件,直到html上级文件和图片的上级文件在同一个文件夹下时
,去除点路径相同的部分【参照物时html的上层文件】,留下不同的部分,最后加上图片的名称
绝对路径:
a.相对于电脑而言【直接复制路径+图片名称即可】
b.相对于网址而言【右击图片即可复制图片的路径,复制图片的路径】
width:设置宽度
height:设置高度
title:鼠标悬停时显示的内容
alt:图片走丢之后的提示
border:图片的边框
8.列表:有序列表,无序列表,自定义列表
有序列表:有顺序的列表集合
语法结构:
<ol>
<li></li>
...
</ol>
无序列表:
没有顺序的列表集合
语法结构:
<ul>
<li></li>
...
</ul>
自定义列表:
语法结构:
<dl>
<dt>被描述的文字或者图片</dt>
<dd>描述性的文字</dd>
</dl>
9.div 用来划分页面的区域,直接打开网页参考
10.form表单
作用:收集用户信息
基本结构
<form>
<input type="text">文本框
<input type="password">密码框
<input type="button">按钮
<input type="submit">提交按钮
<input type="reset">清空按钮
</form>
11.table表格
<table>
<tr> //表示行
<td>11</td> //表示单元格
<td>22</td>
</tr>
<tr> //表示行
<td>33</td> //表示单元格
<td>44</td>
</tr>
</table>
宽度 width 合并单元格属性:
高度 height colspan=“所要合并的单元格的列数”合并列;必须给td
边框 border rowspan=“所要合并单元格的行数”合并行; 必须给td
边框颜色 bordercolor 合并之后需要把多余的单元格删除
背景颜色 bgcolor
文字水平对齐 align="left或right或center"
文字垂直对齐 valign="top或middle或bottom";
cellspacing="单元格与单元格之间的间距" 必须给table
cellpadding="单元格与内容之间的空隙" 必须给table