1.字体标签
格式:
<font 属性名1="属性值1" 属性名2="属性值2" ...>内容</font>
标签的属性:
1 size: 设置字体大小 1是最小 7是最大
2 color: 设置字体颜色 英文 三原色
3 face: 设置字体属性
2 排版标签
<hn>标题标签 1最大,6最小 自动换行
<hr>水平线标签 自动换行
<p>段落标签 自动上下换行
<br>换行标签 自动换行
<b>加粗标签
<i>斜体标签
<u>下划线标签
3.图片标签
格式:<img />
属性:
src: 可以找到指定的图片地址引入到html文件中
width: 设置图片的宽度
height: 设置图片的高度
alt:图片找不到的提示功能
图片路径问题
路径:
相对路径:
./ :代表当前路径 ./也可以省略不写
../: 代表上一级路径
../../: 代表上2级路径
依次类推
html的列表标签
4.列表标签
无序列表标签
格式:
<ul>
<li>百度</li>
<li>百度</li>
<li>百度</li>
<li>百度</li>
....
</ul>
有序列表标签
格式:
<ol>
<li>百度</li>
<li>百度</li>
<li>百度</li>
<li>百度</li>
.....
</ol>
属性:
type
5. html的超链接标签
格式:
<a>超链接的内容</a>
属性:
href:代表要跳转的路径
href="#"和href=""
#: 是页面不刷新返回本页
"":是页面刷新返回本页
target:打开方式
取值:
_blank:新建窗口打开
_self:在自身窗口打开(默认)
- html的表格标签
格式:
<table>
<tr>
<td></td>
<td></td>
...
</tr>
<tr>
<td></td>
<td></td>
...
</tr>
<tr>
<td></td>
<td></td>
...
</tr>
<tr>
<td></td>
<td></td>
...
</tr>
......
</table>
属性:
border:边框
注意:如果没有设置宽度和高度,就只包裹内容的宽度和高度
对于<table>来说,height的百分比一般是不会去写的,让整个屏幕自适应高度
width:宽度
height:高度
bgcolor:背景颜色
align:对齐方式
——left:左对齐
——center:居中对齐
——right:右对齐
td:
rowspan:跨行
colspan:跨列