- 制作自己的导航条。
- HTML头部元素：
- <base> 定义了页面链接标签的默认链接地址
- <style> 定义了HTML文档的样式文件
- <link> 定义了一个文档和外部资源之间的关系
- 练习样式表：
- 行内样式表
- 内嵌样式表
- 外部样式表
- 分别练习定义三类选择器：
- HTML 选择器
- CLASS 类选择器
- ID 选择器
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title><base href="https://www.bilibili.com/"target="_blank"> ???<link rel="stylesheet"type="text/css"href="171.css"> ???<style type="text/css">p { ????color: red; } ???????.textblue{ ???????????color: orange; ???????} ???????#a{ ???????????color: blue; ???????}#tt{color:#FFD700;}.x1{ ???color: red;}</style></head><body><nav> ???<img class="c-img c-img6" src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2810627290,1080409091&fm=58&s=8197C732C535FA313E526557030030BB&bpow=121&bpoh=75" style="height:75px;"width=200><br> ???<img alt="" src="//i0.hdslb.com/bfs/archive/5188bbd59587dfe13d7efbc5866f823abb2c623a.jpg@440w_220h.webp"width=500,height=500><br> ???<a href="">首页</a> ???<a href="">动画</a> ???<a href="">音乐</a> ???<a href="">游戏</a> ???<a href="">科技</a> ???<a href="">影视</a> ???<a href="">专栏</a> ???<input type="text"name="search"> ???<button type="submit">搜索</button></nav><h1><span style="background-color:yellow;font-size: larger"; fon>blibli欢迎您</h1><p></p><div ?id="container" style="width:400px " > ???<div id="header" style="background-color:deepskyblue;"><h2 align="center" style="margin-bottom:0;">登录</h2></div> ???<div id="content" style="background-color:#EEEEEE;height:150px;width:400px;float:left;"> ???????<form action=""> ???????????Username:<input type="text" name="user"><br> ???????????Password:<input type="password" name="password"> ??????????<form><br> ???<input type="radio" name="role" value="stu">student ???<input type="checkbox" name="vehicle" value="Bike">teacher</form> ???????????<br> ???????????<input type="button" value="login"> ???????????<input type="button" value="cancel"> ???????</form> ???</div> ???<div id="footer" style="background-color:deepskyblue;clear:both;text-align:center;">版权 ? Mars</div></div><hr> <p id="a">常见问题</p><p class="textblue">联系我们</p><p>用户意见</p><p><span style="background-color: gold;font-family: ‘Helvetica Neue‘, Helvetica, Arial, sans-serif;font-size: 50px">哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</span></p></body></html>
导航，头部，CSS基础
原文地址：http://www.cnblogs.com/marsk/p/7683923.html