html学习笔记

1、标签

标签分为单标签和双标签

单标签：一般指一个标签就可以完成某种效果

例：<br /> ：强制换行；

<hr/> ：分割线、下划线；

<img/>:引入图片，语法<img src="图片路径" alt="替换文本" width="图片宽度" hright="图片高度"/> alt：图片描述信息，一般不显示图片时会用到

双标签：两个标签，一头一尾，完成某种效果

例：<font></font> :html字体    font标签属性；color表示字体颜色；size：字体大小

<strong></strong>:加粗字体；

<p></p>:段落标签；

<em></em>:字体斜体;

<a></a>:a标签，超链接 语法：<a href ="链接地址" target="目标窗口位置">文本</a>;

2、页面定位，也成为锚点

<a id = "top"></a> 设置在页面跳转的位置，也可使用name属性；

<a href ="#top" >返回顶部</a>    注意：必须“#”开始。

3、html中的表格和单元格

属性：1> border：表格的边框

           2>align：表格水平位置   也可用于tr和td中

           3>bordercolor：表格颜色

           4>width：表格宽度

           5>height：表格高度

           6>cellpadding：单元格内容和边框之间的距离

           7>cellspasing：两个单元格之间的距离

           8>bacolor：表格背景颜色，也可用于tr和td中

           9>colspan：合并列，横向

           10>rowspan：合并行，纵向

标签：table - 表格；   td-单元格 ；   border-边框 ；th-同td，一般用于标头，默认字体加粗

<tr>
    <td></td>
    <td></td>
    <td></td>
</tr>



<tr align="center"> //居中
    <th></th>
    <th></th>
    <th></th>
</tr>


<tr bgcolor ="颜色"> //表格背景色
    <td></td>
    <td></td>
    <td></td>
</tr>

表单

input   用户输入一些文本信息，默认 type="text"

用户名<input type="text" id ="username" name="username"/> //username 用户名的意思

密码<input type="password" name="password" id="password" />

type="passwprd" 密码框，输入的内容不可见

注意：只要用户手动输入的都要有name属性值

           不是手动输入的都要有value属性值

checked="checked" 默认选中的效果

type="checkbox‘’ 多选框

select-下拉框，配合option一起用

textarea-文本区域