前端-HTML基础
2021-01-22 01:14
标签：上传 input 边框 黑龙江省 url 选择 增加 table 跳转 块级标签，整满整行 div是HTML中出场率的标签，特点是没有任何属性，可以通过css进行装饰后成为任何一种标签 行内标签的代表，什么属性都不带，可以通过css进行装饰后成为任何一种标签 文本框标签，包含多个属性，text、password、button、checkbox、radio、file、submit、reset 表单标签可以理解为载体，承载着所有要像后端提交的数据，通常与input连用,表单提交数据分为get提交和post提交，get提交在url上挂参数，post提交在body中 label 标题标签 与input联合运用，增加input的点击范围 可直接点击文字就输入 for：映射到input的id 多行文本 textarea 默认值在标签之间 select option 下拉框标签 默认选择在option上增加selected size属性显示多少个 多选属性：multiple 超链接 href属性为跳转的地址，target属性为以什么方式跳转"_blank"新tab跳转，a标签还可以做锚点，通过id进行对应关系的映射 去掉a标签的下划线通过属性text-decoration:none img 图片标签 src：图片的位置 图片跳转通过a标签 alt：当图片加载失败时显示alt的文案 title：鼠标悬浮在图片上显示的文字 列表 ul li · 形式的列表 列表 ol li 数字形式的列表 分层列表 dl dd内层 dt外层 table 表格标签 thead：表头 th：表头行 tbody：内容 tr：行 td：列 boder：表格的边框 coslpan：td占几列 rowspan：tr占几列 前端-HTML基础 标签：上传 input 边框 黑龙江省 url 选择 增加 table 跳转 原文地址：https://www.cnblogs.com/cjxxl1213/p/13288551.html1.
段落标签
p>别在最该拼搏的年纪选择稳定，世界上最大的不变是改变，只有每天进步，才能拥抱生命的无限可能！p>
2.换行
3.
h1><h1></h1>标题标签h1h1>
h2><h2></h2>标题标签h2h2>
h3><h3></h3>标题标签h3h3>
h4><h4></h4>标题标签h4h4>
h5><h5></h5>标题标签h5h5>
h6><h6></h6>标题标签h6h6>
4.块级标签 白板
div style="background-color: #F8AC59;width: 100%;height: 30px">div>
5.行内标签 白板
span style="border: red 1px solid">冰你写作业了吗？span>
6. 文本框标签
div class="content-inner content-margin">
form action="https://www.baidu.com">
h3><input />h3>
h3>文本框标签，包含多个属性，text、password、button、checkbox、radio、file、submit、reseth3>
input type="text" value="默认值"/>
input type="text"/>
input type="button" value="登录">
p>兴趣爱好p>
input type="checkbox" value="1" name="interest" checked="checked">篮球
input type="checkbox" value="2" name="interest" >羽毛球
input type="checkbox" value="3" name="interest" >排球
input type="radio" name="sex" value="1" checked="checked">男
input type="radio" name="sex" value="1">女
p>上传文件p>
input type="file">
input type="submit" value="提交">
input type="reset" value="重置">
form>
div>
7.
表单标签
form action="https://www.baidu.com" method="post">
input type="text" name="username">
input type="password" name="password">
input type="button" value="登录">
input type="submit" value="提交">
input type="reset" value="重置">
form>
8. 标题标签
label>用户名label>input type="text" placeholder="placeholder属性">
9. 多行文本标签
textarea>默认值textarea>
10. 下拉选择框标签
h5>单选h5>
select name="city">
option>黑龙江option>
option selected="selected">辽宁option>
option>北京option>
option>四川option>
select>
h5>多选h5>
select name="city" multiple="multiple">
option>黑龙江option>
option selected="selected">辽宁option>
option>北京option>
option>四川option>
select>
h5>超过4个就出滚动条h5>
select name="city" size="4">
option>黑龙江option>
option selected="selected">辽宁option>
option>北京option>
option>四川option>
option>吉林option>
option>陕西option>
select>
h3><select></select> <optgroup></optgroup>h3>
div>h4>对下拉选项进行分组optgroup 分组，label属性是组的名字，不可选择h4>div>
select name="city" size="4">
optgroup label="黑龙江省">
option>哈尔滨option>
option>牡丹江option>
option>宁安option>
optgroup>
optgroup label="北京市">
option>北京option>
optgroup>
select>
11. 超链接标签
a href="https://www.cnblogs.com/cjxxl1213/" style="text-decoration: underline">小林博客a>
a href="https://www.cnblogs.com/cjxxl1213/" target="_blank" style="text-decoration: none">小林博客a>
12.
img src="dsx.jpg">
13.
列表标签
ul>
li>第一列li>
li>第二列li>
ul>
ol>
li>第一列li>
li>第二列li>
ol>
dl>
dt>黑龙江dt>
dd>哈尔滨dd>
dd>牡丹江dd>
dl>
dl>
dt>北京dt>
dd>北京dd>
dl>
14.
表格标签
table border="1">
thead>
th>IDth>
th>用例名称th>
th>执行人th>
th colspan="2">编辑th>
thead>
tbody>
tr>
td>1td>
td>table表格测试td>
td>xiaolintd>
td>详情td>
td>编辑td>
tr>
tr>
td>2td>
td colspan="2">table表格测试td>
td>详情td>
td>编辑td>
tr>
tr>
td>3td>
td rowspan="2">table表格测试td>
td>xiaolintd>
td>详情td>
td>编辑td>
tr>
tr>
td>4td>
td>xiaolintd>
td>详情td>
td>编辑td>
tr>
tbody>
table>