- 制作自己的导航条。
- HTML头部元素：
- <base> 定义了页面链接标签的默认链接地址
- <style> 定义了HTML文档的样式文件
- <link> 定义了一个文档和外部资源之间的关系
- 练习样式表：
- 行内样式表
- 内嵌样式表
- 外部样式表
- 分别练习定义三类选择器：
- HTML 选择器
- CLASS 类选择器
- ID 选择器
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>淘你喜欢</title> ???<base href="https://www.taobao.com/"target="_blank"> ???<link rel="stylesheet" type="text/css" href="text1.css"></head><body> ??<nav> ??????<img src="weather_996px_1208468_easyicon.net.png"> ??????<a href="">首页</a> ??????<input type="text"name="search"> ??????<button type="submit">搜索</button> ??????<a href="">登录</a> ??????<a href="">注册</a> ??</nav><h1>淘宝</h1><h6>双十一大促</h6><h4>2017</h4><P></P> ????<hr> ??<p class="tea"> 砸金蛋送礼品</p> ??<p class="textblue"> 人气面膜榜单</p> ??<p class="tea">腔调时装周，带你看秀带你飞!</p> ????<hr> ???<div> ??????<p>双11全部商品<span style="font-family: ‘Consolas‘, ‘Deja Vu Sans Mono‘, ‘Bitstream Vera Sans Mono‘, monospace; font-size: 50px;background-color: #FFD700">50%OFF!</span></p> ???</div><div ?id="container" style="width:400px " > ???<div id="header" style="background-color:#97ceff;"><h2 align="center" style="margin-bottom:0;">登录</h2></div> ???<form> ???????<input type="text" name="usertname"placeholder="请输入用户名"><br> ???????<input type="password" name="password"placeholder="请输入六位数密码"><br> ???????<input type="radio" name="role" value="stu">会员 ????????<input type="radio" name="role" value="stu">普通用户<br> ???????<input type="button" value="确定"> ???</form> ???<div id="footer" style="background-color:#ffa7d7;clear:both;text-align:center;">版权 ? yan</div> ???<div id="container" style="width: 400px"></div><form> ???<select> ???????<option>问答</option> ???????<option>收藏</option> ???</select></form> ???<ol> ???????<li>收藏</li> ???????<li>更多</li> ???</ol></div><hr><p>友情链接</p><a href="https://www.taobao.com/"> ???<img src="http://image.jisuxz.com/news/UploadPic/2012-5/2012521112536762.png" width="500" height="500" alt="taobao.com" ?/> ???<br>淘宝</a></body></html>
导航，头部，CSS基础
原文地址：http://www.cnblogs.com/xy223/p/7680869.html