HTML（超文本标记语言）和CSS（级联样式表）是用于构建Web页面的两项核心技术。HTML为各种设备提供页面的结构，为CSS提供（视觉和听觉的）布局。与图形和脚本一起，HTML和CSS是构建网页和 Web应用程序的基础。
HTML称为超文本标签语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
扩展资料：
CSS具有以下特点：
1、丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
参考资料：百度百科——HTML
百度百科——css
HTML 中 id与name 区别一个name可以同时对应多个控件，比如checkbox和radio
而id必须是全文档中唯一的
CSS 中 id、class属性的区别
1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5" 来选择调用，命名好的CSS又叫css选择器。
如： .css5{属性：属性值} 选择器在html调用为“
我是class例子
.baobao{ color: limebackground: #ff80c0 }
使用方法：class="baobao"
2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则：
#binbin{ font-size: larger }
使用方法：id="binbin"
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；
文字属性标签有：
1、id，意思当前页面中的唯一标识，用于css或js控制。
2、class，意思是类名，用于css控制。
3、title，意思是指定标题。
4、style，意思是插入线内样式。
标题标签Hx：
h1-h6，标题标签，共六级，一般一级标题H1在一个页面中只出现一次，二级标题到六级标题可以出现多次，其权值递减。默认为块元素，粗体，上下有边距(margin)。
主要属性：align，指定对齐方式，常用三个值left左对齐(默认)，enter居中对齐，right右对齐(建议不要用，而是通过css来控制其对齐方式)。
段落标签P：段落p，用于整段文字，一般用于文章中的段落或一段独立的文字。默认为块元素。有上下边距(margin)。
主要属性：align对齐，用法同Hx的align。这里是段落文字，上标下标 Sup Sub。
上标下标，线内元素，在网页布局的时候相对用的较少，其主要目的是输出数学方程式，如：2x22+3x2+1=9。
强调strong em。
strong(线内元素，粗体)，em(线内元素，斜体)。
这里是要强调的内容，默认表现为粗体。
这里也是要强调的内容，默认表现为斜体。
因为这两个元素有一定的感情色彩(强调)，所以在seo代码优化中尤为重要，应该应用于那些确实需要强调的内容，而不是为了表现粗体或者斜体。如果你只是要表现粗体或者斜体，而不是真的要强调，那么你可以选择下面两个标签。
粗体B：
B粗体，线内元素。只是形式上的表现为粗体，而不具备强调的作用。
斜体I：
I，斜体，线内元素。只是形式上表现为斜体，而无强调作用。
换行BR：
br，换行符，将一段文字手段换行，一般很少使用。
水平线HR：
hr，在页面中创建一条水平线，或者分割线。默认为块元素，居中，2像素，带阴影，宽100%。
属性：
align对齐，用法同上。
noshade去掉阴影(显示纯色)。
size线条粗细。
width线条宽度。
color线条颜色。
html中所使用的颜色有以下几种：
英文单词，如red、green等等。
16进制值：如#ff0000、#006699，在html代码中的十六进制颜色不能使用简写如#f60，必须写成#ff6600。
rgb值：如rgb(255,255,0)。
rgba：如rgba(255,255,0,.5)。
块引用blockquote：
blockquote，引用元素，如文章中需要引用其他文章的内容时，默认为块元素。上下左右有边距。
几种控制文字的标签：
粗体：<b>文字</b>（例：文字）。
加重：<strong>文字</strong>(例：文字 ）。
上标：<sup>文字</sup>（例：文字）。
下标：<sub>文字</sub>（例：文字）。
斜体：<i>文字</i>（例：文字）。
下划线：<u>文字</u>（例：文字）。
边框样式：
border-style属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是none时边框才可能出现。
