前端学习

来源：互联网发布：java高德地图api接口编辑：程序博客网时间：2024/06/13 06:17
这里写图片描述百度前端技术学院题目 task1.1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>task_1.1.1</title></head><body style="font-family:"黑体"; width:1280px"><h1>网页一级标题</h1><nav style="font-size:16px;">    <ul>        <li><a href="#">导航链接一</a><br/></li>        <li><a href="#">导航链接二</a><br/></li>        <li><a href="#">导航链接三</a><br/></li>        <li><a href="#">导航链接四</a><br/></li>    </ul></nav><div class="passage" style="font-size:15px">    <h2 class="first-tilte">文章一级标题</h2>    <h2 class="se-title">文章二级标题</h2>    <p><span>文章作者</span>&nbsp;<span>文章发表时间</span></p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    换行了</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>    这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落。</p>    <p style="margin:10px 0 0 0"><img  src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br/>这是一个很长很长的段落，换行了</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>    这是一个很长很长的段落，这是一个很长很长的段落，    <a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p></div><div>    <h2>另一篇文章一级标题</h2>    <h2>文章二级标题</h2>    <p>文章作者&nbsp;文章发表时间</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    换行了</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了</p>    <p style="margin:0">这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>    这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，    这是一个很长很长的段落，这是一个很长很长的段落。</p>    <p style="margin:10px 0 0 0"><img  src="C:\Users\1\Pictures\1.JPG"/></p>    <ul style="margin:0">        <li>项目列表一</li>        <li>项目列表二</li>        <li>项目列表三</li>    </ul></div><div>    <h2>图片</h2>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p>    <p style="padding-left:20px">好看的图片<br/><img src="C:\Users\1\Pictures\1.JPG"/></p></div><div>    <h2>最后一篇文章一级标题</h2>    <h2>文章二级标题</h2>    <p>文章作者&nbsp;文章发表时间</p>    <ul>        <li>1.排名1</li>        <li>2.排名2</li>        <li>3.排名3</li>    </ul>    <p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>    <table border='1'>        <tr align="left">            <th>表头</th>            <th>表头</th>            <th>表头</th>        </tr>        <tr>            <td>表内容单元格</td>            <td>表内容单元格</td>            <td><a href="#">操作</a></th>        </tr>        <tr>            <td>表内容单元格</td>            <td>表内容单元格</td>            <td><a href="#">操作</a></td>        </tr>        <tr>            <td>表内容单元格</td>            <td>表内容单元格</td>            <td><a href="#">操作</a></td>        </tr>        <tr>            <td>表内容单元格</td>            <td>表内容单元格</td>            <td><a href="#">操作</a></td>        </tr>        <tr align="left">            <td>总计</td>            <td colspan="2">1000</td>        </tr>    </table></div><div>    <h2>这里以后是一个侧栏，这是侧栏的标题</h2>    <h2>侧栏注册窗口标题</h2>    请输入邮箱地址：<input id="email" type="email" /><br/>    <p>邮箱住址按要求格式输入</p>    请输入密码：<input id="password" type="text" value="这是一个文本输入框" onfocus="this.value=''"/>请重复输入密码：    <input id="repwd" type="text" value="这是一个文本输入框" onfocus="this.value=''"><br/>    <p>密码为6-16位英文数字</p><br/>    性别：<input id="gender" type="radio" name="gender" value="1" checked="checked" style="color:blue">男    <input id="gender" type="radio" name="gender" value="0">女    城市：<select name="city">                <option value="Beijing" selected="selected">北京</option>                <option value="Nanjing">南京</option>                <option value="Wuhan">武汉</option>                <option value="Hefei">合肥</option>          </select>    爱好：<input type="checkbox" name="hobby" value="运动"/>运动          <input type="checkbox" name="hobby" value="艺术">艺术          <input type="checkbox" name="hobby" value="科学">科学    个人描述：<textarea cols="20" rows="2" placeholder="这是一个多行描述框，输入您的个人描述"></textarea>    <input type="button" value="确认提交"></div><foot>    <h6>版权所有&copy;</h6></foot></body></html>
问题：radio选中变蓝色
下拉列表框变蓝色
0 0