导航,头部,CSS基础
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>喵喵</title> <!--<base> 定义了页面链接标签的默认链接地址--> <base href="" target="_blank"> <!--<style> 定义了HTML文档的样式--> <style> p.important{color:green;} </style> <!--<link> 定义了一个文档和外部资源之间的关系--> <link rel="stylesheet" href="styles.css"> </head> <body> <nav> <img src="http://tva4.sinaimg.cn/crop.0.0.1242.1242.180/bde8475djw8f1hu7mrcy2j20yi0yiabl.jpg" width="50"height="50"> <a href="http://weibo.com/littlesundayday">首页</a> <input type="text"> <button type="submit">搜索</button> </nav> <p> <h1 align="center"><span style="color:goldenrod;font:">云吸猫</span></h1> <h2 id="2015">2015</h2> <p>著名网黄猫日</p> <p class="important">dayday</p> <h3 class="kl">通过样式文件</h3> <p>me too</p> <div id="container" style="width: 400px"> <div id="header" style="background-color:lightcoral"><h2>登录</h2></div> <div id="content"></div> <form> 用户名:<input type="text" name="username"><br> 密码:<input type="password" name="password"><br> <input type="radio" name="role" value="游客">游客 <input type="radio" name="role" value="用户">用户<br> <input type="checkbox" value="true"><span>记住我</span> <a href="">登录遇到问题<br></a> <input type="button" value="login" onclick="alert('登录验证')"> </form> <div id="footer" style="background-color: lightcoral"><i>版权@喵喵</i></div> <select> <option>著名歌曲</option> <option>表情包</option> </select> <ul> <li>著名歌曲</li> <li>表情包</li> </ul> <ol> <li>表情包</li> <li>著名歌曲</li> </ol> </div> <a href="#2">2</a> <br> <hr> <div> <p align="center"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg"> </p> </div> <div> <p align="center"> <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1507876924145&di=43f0034f8459a83d58b5c0c6a9e937f8&imgtype=0&src=http%3A%2F%2Fimage.thepaper.cn%2Fwww%2Fimage%2F5%2F474%2F784.jpg"><img src="URL" alt=""> </a> </p> </div> </p> </body> </html>
.kl{color: blue}
.mm{font-size: 100px}