<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>just a normal example</title>
<link type="text/css" rel="stylesheet" href="example.css">
</head>
<body>
<h1>Today is another day in learning.</h1>
<p>这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子这是例子。不知道是谁说，
<a target="_blank" href="https://www.bing.com/translator/">
<blockquote>有志者事竟成。</blockquote>
</a>但是必应翻译出来竟然是willing，真是扯犊子啊。明明应该是<blockquote>Where there is a will, there is a way.</blockquote>
</p>
<hr>
<p>2018年2月5日，Today is a sunny day.
But it's windy. Especially from where I sat, I can see the flag in the wind.<br>
<a href="https://www.baidu.com/s?wd=%E5%A4%A7%E9%A3%8E&rsv_spt=1&rsv_iqid=0x96f975e90000a257&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=%25E5%2588%25AE%25E9%25A3%258E&rsv_t=4839POh32OyWB1P8DAVUI7Hj37TN5zy0LziLuiI8IQWvNmlZ7HVzaJO94n5d5DG4k5Kb&inputT=3002&rsv_pq=d15c08d80000c16f&rsv_sug3=79&rsv_sug1=77&rsv_sug7=101&rsv_sug2=0&rsv_sug4=3565">点击此处感受大风
</a>
<br>
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1517827927443&di=f6a63d15f58d99ae893391efe190c316&imgtype=0&src=http%3A%2F%2Fwww.zgqxb.com.cn%2Fxwbb%2F201704%2FW020170419313243046577_r75.jpg" width="400" height="200" alt="a picture from web">
</p>
</body>
</html>
body{
background-color: #eeeeee;
font-size: large;
}
h1{
font-family: sans-serif;
font-size: 200%;
color: #cc6600;
border-bottom: thin dotted #888888;
}
blockquote{
font-weight: bold;
font-style: oblique;
color: red;
}
外联样式表应用