一、HTML5的基本元素：
1. 大部分元素都有一个开始标记和一个结束标记。开始标记和结束标记的唯一区别就是结束标记多了一个/。例如<h1></h1>
2. 标题：<h1> </h1>
h是英文header标题的缩写，h1是主标题（一级标题），h2是副标题（二级标题），h3、h4、h5、h6依次递减字体的大小。
3. 段落：<p></p>
p是英文paragraph段落的缩写，经常被用来创建一个段落。
4. 注释：<!—内容-->
5. 图片：<img scr=”具体地址”>
6. Web开发者通常用lorem ipsum text来做占位符，占位符就是占着位置的一些文字，没有实际意义。
二、属性的设置：
1.内联样式
例如：<h2 style="color: blue">文字</h2> 这里的style="color:blue"就是颜色属性，这句话表示给h2元素添加了inlinestyle(内联样式)。
2.使用层叠样式表CSS（Cascading Style Sheets），更易于维护。
在代码的最顶端，创建一个如下的style元素：
<style>
元素选择器 {属性名称: 属性值;}
</style>
注意：一定要在属性值的后面加上分号;，表示给所有的h2元素都添加了这样的属性。
（1） 元素选择器（h1、h2、p…）
例如：<style>
h2{
color:blue;
}
</style> //h2便是元素选择的结果
（2）类选择器（class）：需要在每个类前面加一个点.
例如：<style>
.blue-text {
color: blue;
}
</style> //在每个元素中只需要添加class=“类名” 就可以了。如果需要添加的有多个属性类，则class=“类名1 类名2” 即可（中间空格号分开）。
三、属性
1.字号：font-size: 30px;
2.字体：font-family:Sans-serif;
有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。如果该字体1不可用时，则下降到字体2：front-family：字体1，字体2；即可.
3.边框半径属性：border-radius
四、标签
1. link标签：<linkhref="https://fonts.gdgdocs.org/css?family=Lobster"rel="stylesheet" type="text/css"> //代码顶部用link标签来引入谷歌Lobster字体，然后字体属性就可以写为：font-family: Lobster ;则引入了谷歌字体。
//做了个别的基本简介，以后遇到新的知识会及时跟进！
HTML AND CSS的基本元素介绍
原文地址：http://www.cnblogs.com/1598f/p/7588458.html