前端基础讲解(一)
一、超链接
- 超链接写法
<a href=" 链接地址" target="_blank"></a>
使用_blank跳转另一个页面不会隐藏原来页面
2.超链接下载压缩文件
同目录下,下载文件名称
<a href=" img.zip" target="_blank"></a>
- 超链接点击图片跳转
<a href=" 链接地址" target="_blank"><img src=""></a>
4.瞄点超链接
点击上面的链接,跳转到同页面的h1文本去
<a href="#life">123</a>
<h1 id="life">234</h1>
二、特殊符号
<!-- --> 注释符
  空格符
< 小于符 <
> 大于符 >
三、表格属性/标签
align (left right center) 规定表格相对的对齐方式
border ="" 表格边框线
cellpadding 规定单元边框与其内容之间的空白 默认1像素
cellspacing 规定单元格之间的空白 默认2像素
width 表格宽度
height 表格高度
<table></table>表格属性标签
<tr></tr>行标签
<td></td> 表格标签
<thead></thead> 定义表格头部区域 内部必须有<tr>标签
<tbody></tbody> 定义表格的主体用于放数据本体
合并单元格
跨行合并:rowspan="合并单元格的个数"
跨行:最上侧单元格为目标格,写合并代码
跨列合并:colspan="合并单元格个数"
跨列: 最左侧单元格为目标格,写合并代码
合并后要删除多余的表格项
四、列表标签
列表之间的区别
1、无序列表(重点)
ul标签里面只能放置li标签
li标签可以放任何标签
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
2、有序列表(理解)
ol标签里面只能放li标签
li标签可以放任何标签
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
3、自定义列表(重点)
dl里面只能存放dt和dd
dd都是围绕dt来说明的
dt、dd标签可以放任何标签
<dl>
<dt>第一行</dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
五、表单标签
from为表单域
<from></from>
输入框
name 元素名称
value input元素值
checked 选框首次加载应当被选中的选项
maxlength 规定选的输入框字符的最大长度
<input type="text" value=“输入框提升文本”>账号</input>
密码框
<input type="password">密码</input>
单选框
<input type="radio">单选</input>
多选框
<input type="checkbox">多选框1</input>
<input type="checkbox">多选框2</input>
注意: input表单通过name=“”来区分
单复选框如果是同一组 name必须相同
提交注册按钮,可以吧b表单域from里面的元素 提交到到另外一个页面
<input type="submit" value=“提交注册”></input>
重置按钮还原表单元素初始默认状态
<input type="reset" value=“重置按钮”></input>
普通button按钮 后期结合JS使用
input type="button" value=“获取短信”></input>
上传文件按钮
<input type="file" ></input>
label标签 元素定义标注(标签)
<label for="text">用户名</label>
<input type="text" id=“text”></input>