36 HTML
#36 HTML
logo.png
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I2cR33kj-1594272823173)(C:\Users\lenovo\AppData\Local\Temp\HZ$D.976.1716\logo.png)]
phone1.png:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6BLtxyOD-1594272823181)(C:\Users\lenovo\AppData\Local\Temp\HZ$D.976.1718\phone1.png)]
side4.png:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5NcvOwXR-1594272823186)(C:\Users\lenovo\AppData\Local\Temp\HZ$D.976.1719\slide4.jpg)]
xingye.jpg:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ggyjjMe4-1594272823191)(C:\Users\lenovo\AppData\Local\Temp\HZ$D.976.1720\xingye.jpg)]
1.demo:
<html>
<head>
<meta charset="utf-8">
<title>title>
<style type="text/css">
body {
background: pink;
}
div {
height: 400px;
width: 250px;
border-color: white;
border-width: 20px;
border-style: solid;
border-bottom-width: 30px;
float: left;
margin-left: 100px;
box-shadow: 10px 10px 5px gray;
}
#d1 {
background-image: url(img/girl1.jpg);
background-size: 100% 100%;
transform: rotate(45deg);
transition: transform 1s;
}
#d1:hover {
transform: rotate(15deg);
transition: transform 1s;
}
#d2 {
background-image: url(img/girl2.jpg);
background-size: 100% 100%;
transform: rotate(15deg);
transition: background-size 1s;
}
#d2:hover {
background-size: 110% 110%;
transition: background-size 1s;
}
#d3 {
background-image: url(img/girl3.jpg);
background-size: 100% 100%;
filter: grayscale(80%);
filter: gray;
transform: rotate(-45deg);
transition: all 1s;
}
#d3:hover {
filter: grayscale(0%);
filter: gray;
transform: rotate(45deg);
transition: all 1s;
}
#d4 {
margin-left: 100px;
margin-top: 30px;
background-image: url(img/girl4.jpg);
background-size: 100% 100%;
filter: grayscale(80%);
filter: gray
}
#d5 {
margin-top: 30px;
background-image: url(img/girl5.jpg);
background-size: 100% 100%;
}
style>
head>
<body>
<div id="d1">
div>
<div id="d2">
div>
<div id="d3">
div>
<div id="d4">
div>
<div id="d5">
div>
body>
html>
2.背景
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body background="img/xingye.jpg">
body>
html>
3.标题标签
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1 align="center">阿斯顿发斯蒂芬h1>
<h2 align="right">阿斯顿发斯蒂芬h2>
<h3 align="left">阿斯顿发斯蒂芬h3>
<h4>阿斯顿发斯蒂芬h4>
<h5>阿斯顿发斯蒂芬h5>
<h6>阿斯顿发斯蒂芬h6>
werwerwerwerwerwr
<big>比默认字号大一号big>
<small>比默认字号小一号small>
H<sub>2sub>O
3<sup>2sup>
body>
html>
4.表格
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="1" cellspacing="0" cellpadding="20" width="500px" height="500px" align="center" bgcolor="aqua" bordercolor="red" background="img/xingye.jpg">
<tr align="center" height="100px">
<th>姓名th>
<th>年龄th>
<th>手机th>
tr>
<tr align="center" bgcolor="blue">
<td>张三td>
<td>23td>
<td>110td>
tr>
<tr align="center">
<td>李四td>
<td>24td>
<td bgcolor="red">120td>
tr>
table>
body>
html>
5.表格嵌套
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="1" cellspacing="0" cellpadding="0" width="500px" height="500px" align="center">
<tr height="300px">
<td width="100px">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td>Datatd>
tr>
<tr>
<td>Datatd>
tr>
<tr>
<td>Datatd>
tr>
<tr>
<td>Datatd>
tr>
<tr>
<td>Datatd>
tr>
table>
td>
<td width="100px">Datatd>
<td width="100px">Datatd>
<td width="100px">Datatd>
<td width="50px">Datatd>
<td width="50px">Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
table>
body>
html>
6.插入图片
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<img src="img/xingye.jpg" width="200px" height="200px" border="2" title="美女"/>
<img src="img/xingye.jpg" width="200px" height="200px" border="2"/>
<img src="img/xingye.jpg" width="200px" height="200px" style="border:2px solid aqua ;"/>
<div id="" style="width: 200px;height: 200px;border: 1px solid black;background-image: url(img/xingye.jpg);background-size: 100% 100%;border-radius:100px;">
div>
body>
html>
7.常用标签
<html>
<head>
<meta charset="utf-8">
<title>常用标签title>
head>
<body>
<p align="right">
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。
p>
<p>近日，山东济宁女子苟晶23年前疑两次上大学遭顶替的事件备受关注。6月25日，苟晶接受采访时表示，发帖后当年让女儿顶替自己上学的班主任邱印林（化名），曾来到她的老家和工作地点，希望与其见面。p>
body>
html>
8.超链接标签
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<a href="http://www.baidu.com">进入百度a>
<a href="http://www.163.com">进入网易a>
<a href="http://www.sina.com">进入新浪a>
<a href="插入图片.html" target="_self">跳转自己站点中的页面a>
<a href="插入图片.html" target="_blank">跳转自己站点中的页面a>
body>
html>
9.合并单元格
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="1" cellspacing="0" cellpadding="" width="500px" height="300px">
<tr>
<td colspan="3">Datatd>
<td>Datatd>
<td>Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td rowspan="2">Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td>Datatd>
tr>
table>
body>
html>
10.合并单元格2
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="1" cellspacing="0" cellpadding="0" width="500px" height="400px">
<tr>
<td>Datatd>
<td colspan="3">Datatd>
tr>
<tr>
<td>Datatd>
<td>Datatd>
<td>Datatd>
<td rowspan="2">Datatd>
tr>
<tr>
<td>Datatd>
<td colspan="2">Datatd>
tr>
table>
<br><br><br><br><br><br>
<table border="1" cellspacing="0" cellpadding="0" width="500px" height="400px">
<tr>
<td rowspan="5">td>
<td>td>
tr>
<tr>
<td>td>
tr>
<tr>
<td>td>
tr>
<tr>
<td>td>
tr>
<tr>
<td>td>
tr>
<tr height="50px">
<td colspan="2" align="right">
<button type="button" style="height: 40px;width: 160px;background:yellowgreen;margin-right: 20px;border-style: none;border-radius: 10px;color: aliceblue;letter-spacing: 5px;">加入购物车button>
td>
tr>
table>
body>
html>
11.列表标签
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<ul type="circle">
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
ul>
<ol start="10">
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
<li>列表项1li>
ol>
<dl>
<dt>自定义列表的标题dt>
<dd>自定义列表的说明dd>
dl>
body>
html>
12.锚点链接
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<a href="#bottom">跳到底部a>
<a name="top">a>
<p>凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。凭借终极版，我们强调了Vanquish S独特的传统，技术和工艺的融合，以及三种大胆的外部涂装方案和极具吸引力的内部包装，创造性地使用令人兴奋的材料，”阿斯顿马丁的首席执行官Marek Reichman说道。创意人员。“我们的设计团队创造了三个独特的主题，将外部和内部包装结合在一起，但我们一直小心翼翼地确保每种外观颜色和内部主题能够很好地协同工作，为我们的客户提供最大的选择”。
阿斯顿马丁Vanquish S终极版获得了一个熟悉而强大的V12
在驾驶特性方面，Vanquish S Ultimate版获得了三级可调阻尼器和碳陶瓷制动系统。此外，它可能是最后一辆配备旧款5.9升V12发动机的车型。新一代可能会获得AMG采购的机器，并且在其顶级规格中，我们在华丽的阿斯顿马丁DB11中学到了新的5.2升V12 Biturbo 。p>
<a href="#top">跳到顶部a>
<a name="bottom">a>
body>
html>
13.使用表格来布局页面
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100px">
<tr>
<td width="300px">td>
<td width="60px"><img src="img/logo.png" >td>
<td><font size="5">西部开源欢迎你！font>td>
<td width="300px">td>
<td><img src="img/phone1.png" >td>
<td>029-86699937 029-88262419td>
<td width="300px">td>
tr>
table>
<table border="1" cellspacing="0" cellpadding="0" width="100%" height="500px">
<tr><td><img src="img/slide4.jpg" >td>tr>
table>
body>
html>
14.转义字符
<html>
<head>
<meta charset="utf-8">
<title>title>
head>
<body>
<b><b> <b>>b> &
"
body>
html>
15.表单标签
<html>
<head>
<meta charset="utf-8">
<title>表单标签title>
head>
<body>
<form action="#" method="get">
用户名：<input type="text" name="username" value="" placeholder="请输入用户名" required="required" maxlength="5"/>
<br>
密码：<input type="password" name="password" value="" placeholder="请输入密码" required="required" maxlength="5"/>
<br>
性别：<input type="radio" name="sex" id="nan" value="1" checked="checked"/><label for="nan">男label>
<input type="radio" id="nv" name="sex" value="0"/><label for="nv">女label>
<input type="radio" name="sex" id="yao" value="2"/><label for="yao">妖label>
<br>
爱好：
<input id="lanqiu" type="checkbox" name="hobby" value="lq" checked="checked"/><label for="lanqiu">篮球label>
<input type="checkbox" name="hobby" value="zq" checked="checked"/>足球
<input type="checkbox" name="hobby" value="ppq"/>乒乓球
<br>
学历：<select name="xueli">
一.Web教程
链接：https://pan.baidu.com/s/1tK6b5Ruwq-c6RQ6vz6YKxw
提取码：wj6q
二.HTML基础知识
链接：https://pan.baidu.com/s/1DPz9YwTwwGxrPdNHXxXYrQ
y" value=“zq” checked=“checked”/>足球
乒乓球
学历：
—请选择你的学历----
小学
中学
大学
个人介绍：