html笔记
-
html
-
常用的转义字符
-
空格所占位置没有一个确定的值,这与当前字体字号都有关系.
-
< <左尖括号
-
> >右尖括号
-
© 备案中图标版权 ©
-
加粗
-
<b>加粗内容</b>
-
<strong>加粗内容</strong>
-
倾斜
-
<em></em>
-
<i></i>
-
水平线
-
<hr />空标记
-
下划线
-
<u></u>下划线
-
角标
-
<sup></sup>上标
-
<sub></sub>下标
-
列表
-
(ul,ol,dl)
-
HTML中有三种列表分别是:无序列表,有序列表,自定义列表
-
*无序列表
-
无序列表组成:
-
<ul>
-
<li></li>
-
<li></li>
-
......
-
</ul>
-
*有序列表
-
有序列表组成:
-
-
<ol>
-
<li></li>
-
<li></li>
-
......
-
</ol>
-
*自定义列表
-
<dl>
-
<dt>名词</dt>
-
<dd>解释</dd>
-
......
-
</dl>
-
有序列表的属性
-
type:规定列表中的列表项目的项目符号的类型
-
语法:<ol type="a"></ol>
-
数字顺序的有序列表(默认值)(1, 2, 3, 4)。
-
字母顺序的有序列表,小写(a, b, c, d)。
-
字母顺序的有序列表,大写(A,B,C,D)
-
i 罗马数字,小写(i, ii, iii, iv)。
-
I 罗马数字,大写(I, ii, iii, iv)。
-
2)、start 属性规定有序列表的开始点。
-
语法:<ol start="5"></ol>
-
超链接的应用
-
-
语法:
-
<a href="目标文件路径及全称/连接地址">链接文本/图片</a>
-
<a href="#"></a>空链接
-
属性:target:页面打开方式,默认属性值_self。
-
属性值:_blank 新窗口打开
-
<a href="#" target="_blank">新页面打开</a>
-
<a></a>、
-
数据表格的作用及组成
-
作用:显示数据
-
表格组成
-
<table>
-
<tr>
-
<td></td>
-
<td></td>
-
</tr>
-
</table>
-
注:一个tr表示一行;一个td表示一列(一个单元格)
-
*数据表格的相关属性
-
width="表格的宽度"
-
height="表格的高度"
-
border="表格的边框"
-
bgcolor="表格的背景色"
-
bordercolor="表格的边框颜色"
-
cellspacing="单元格与单元格之间的间距"
-
cellpadding="单元格与内容之间的空隙"
-
水平对齐方式:align="left/center/right"; 左 、中 、右
-
垂直对齐方式:valign="top/middle/bottom";上 、中 、下
-
合并单元格属性:
-
colspan=“所要合并的单元格的列数"合并列;
-
rowspan=“所要合并单元格的行数”合并行;
-
表单的作用及组成
-
表单的作用:用来收集用户的信息的;
-
表单框(表单域)
-
<form name="表单名称" method="post/get" action="">
-
</form>
-
2)文本框
-
<input type="text" value="默认值"/>
-
3)密码框
-
<input type="password" />
-
<input type="password" placeholder="密码" />
-
4)登陆按钮/提交按钮
-
<input type="submit" value="按钮内容" />
-
5)重置按钮
-
<input type="reset" value="按钮内容" />
-