HTML基础标签
1.WEB 标准的构成:(三者相分离)
结构(HTML)
表现(CSS)
行为(JS)
2.标签关系:
双标签:包含关系/并列关系
单标签:<br />
3.div 和span标签:(没有语义)
div独占一行(大盒子)
span一行可以放多个(小盒子)
4.图像标签部分属性:
alt:图片无法显示时,替换文本
title:鼠标放到图片上,提示文本
路径:上一级:…/ 下一级:/
5.超链接标签的部分属性:
target:目标窗口的弹出方式
当前窗口:target="_self"(默认)
新窗口:target="_blank"
href:当地址是压缩包或文件时,自动下载
锚点链接:同一页面之间的跳转
<a href="#two"></a>
<h3 id="two"></h3>
空链接:<a href="#"></a>
6.特殊字符:
空格: ;
小于号:<;
大于号:>;
7.表格骨架代码:
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
8.表格<table>
属性:
align:对齐方式
border:表格宽度
cellpadding:元素与表格边框距离
cellspacing:表格与表格距离
width:表格宽度
9.合并单元格:
跨行合并:rowspan
跨列合并:colspan
三步骤:1.区分是跨行跨列
2.找到目标单元格
3.删除多余单元格
10.列表:
无序列表:<ul><li></li></ul>
有序列表:<ol><<li></li></ol>
自定义列表:
<dl>
<dt></dt>
<dd></dd>
</dl>
11.表单的构成:
表单域(form)
表单控件(表单元素)
提示信息
12.form的重要属性:
action =“URL链接”
method = “post/get”
name = “”
13.input属性:
type,name,value,checked,maxlength
14.label标签:(需绑定 `<label>-`-`for` `<input>--id`)
扩大鼠标点击区域,提高用户体验