看了一些資料和教學(xué)視頻
html 主要負責(zé)顯示元素，css負責(zé)控制樣式暖夭。
常見的html控件
div
塊胁编，占滿父元素寬度的矩形控件
img
展示圖片
<img src="/images/logo.png" width="258" height="39" />
p
段落文本
h1-h6
各級標(biāo)題
a
鏈接
<a >這是一個鏈接</a>
meta 標(biāo)簽 定義了網(wǎng)站的相關(guān)信息
為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
為網(wǎng)頁定義描述內(nèi)容:
<meta name="description" content="免費 Web & 編程 教程">
定義網(wǎng)頁作者:
<meta name="author" content="Runoob">
每30秒鐘刷新當(dāng)前頁面:
<meta http-equiv="refresh" content="30">
table
實例
<table border="1">
? ? <tr>
? ? ? ? <td>row 1, cell 1</td>
? ? ? ? <td>row 1, cell 2</td>
? ? </tr>
? ? <tr>
? ? ? ? <td>row 2, cell 1</td>
? ? ? ? <td>row 2, cell 2</td>
? ? </tr>
</table>
常見css屬性
內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性
內(nèi)部樣式表 -在HTML文檔頭部 <head> 區(qū)域使用<style> 元素 來包含CSS
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
外部引用 - 使用外部 CSS 文件
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
margin
邊距
padding
填充
width
寬度
height
高度
常見布局效果
居中
margin:0 auto
占滿整行
width:100%
左浮動
float:left
清除浮動
clear:both
參考資料
https://m.runoob.com/html/html-basic.html
