看了一些资料和教学视频
html 主要负责显示元素，css负责控制样式。
常见的html控件
div
块，占满父元素宽度的矩形控件
img
展示图片
<img src="/images/logo.png" width="258" height="39" />
p
段落文本
h1-h6
各级标题
a
链接
<a href="http://www.runoob.com">这是一个链接</a>
meta 标签 定义了网站的相关信息
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<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属性
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<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
网友评论