1 <!doctype html> 2 <html> 3 <head> 4 <title>sber</title> 5 <meta charset="utf-8"> 6 <meta name="keywords", content=""> 7 <meta name="description", content=""> 8 <style type="text/css"> 9 </style> 10 </head> 11 <body width="1200"> 12 我是菜鸡！<br/>并且也是一个弱鸡 <!--<br/>是一个换行标签--> 13 你也是菜鸟！<hr/> <!--<hr/>是加一条水平线有换行作用--> 14 我们都是菜鸡！</br> 15 <a href="http://www.baidu.com" target="_self">百度一下</a> 16 <!--a标签 超链接,变成蓝色带有下划线,herf表示跳转地址.--> 17 <a href="#"></a> <!--#代表当前页面不跳转--> 18 <a href="https://www.tmall.com" target="_blank">天猫</a> 19 <!-- _blank是打开该链接多次在不同的窗口--> 20 <a href="http://www.vip.com" target="_new">唯品会</a> 21 <!--target属性中_new作用是打开一个新窗口,并且点击后会在同一窗口中刷新--> 22 <img src="picture1.jpg" width="30" height="40" alt="龙猫小小" title="可爱龙猫"> 23 <!--width和height的赋值为磅值;alt为图片的文字描述,图片刷新不出时文字描述;title为鼠标放上去的时候文字描述--> 24 <br/> 25 <iframe src="http://www.baidu.com" width="1200", height="300" frameborder="0" scrolling="auto"> 26 <!--内联框架标签,wit和heig同上,frameborder边框(0有边框吗,1没有边框),scrolling为滚动条(yes:有滚动条,no没有滚动条,auto自适应);--> 27 28 </body> 29 </html>
1 @charset="utf-8"; 2 body{ 3 background: blue; 4 }
1 <!doctype html> 2 <html> 3 <head> 4 <title>sber</title> 5 <meta charset="utf-8"> 6 <meta name="keywords" content=""> 7 <meta name="description" content=""> 8 <link rel="stylesheet" type="text/css" href="link.css"/> 9 <!--link引入标签: rel指定链接什么样的文件;type指定文件的类型;href链接文件地址; 10 <base target="_self" /> <!--控制整体a标签内网站的打开方式, a标签中的target属性相当于方法的重载--> 11 </head> 12 <body> 13 <a href="https://www.baidu.com" target="_blank">百度一下</a> 14 <a href="https://www.vip.com" target="_new">唯品会</a> 15 <a href="https://www.tmall.com">天猫</a> 16 </body> 17 </html>