您的位置：首页 > Web前端

前端学习

2016-04-20 14:05 337 查看

百度前端技术学院题目 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> <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>文章作者 文章发表时间</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>文章作者 文章发表时间</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<
b40e
;/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>版权所有©</h6>
</foot>
</body>
</html>


问题：radio选中变蓝色

下拉列表框变蓝色
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航