一、html

以下内容记录常用的html元素，可另存为html文件以查看效果：

立即学习“前端免费学习笔记（深入）”；

喵记多

喵记多 - 自带助理的 AI 笔记

27

查看详情

h1?h6定义标题

p标记定义段落，浏览器显示时会自动换行

       
(换行)

原始样式输出，比如保留空   格</p>  <p>                换行</p>  <p>                       及缩进

        加强显示，类似粗体文字

        斜体文字

        粗体文字

        文字链接

        定义页面的书签（位置）

        跳转到那个书签（位置）

               

• 无序号列表-条目1

               

• 无序号列表-条目2

       

               

1. 有序号列表-条目A

               

2. 有序号列表-条目B

       

               

自定义列表项目1

                      

条目1-1

                      

条目1-2

               

自定义列表项目2

                      

条目2-1

                      

条目2-2

       

段内布局元素，可使用css单独对此部分文字进行修饰

以下是html框架（frame）示例??由于frame实际上是多个文件的组合，所以在执行脚本、页面刷新等操作时往往出现意外结果，现在用的不多。大部分网站采用div区块布局达到类似的“排版”效果。

立即学习“前端免费学习笔记（深入）”；

二、XHTML

XHTML 指的是可扩展超文本标记语言；XHTML 与 HTML 4.01 几乎是相同；XHTML 是更严格更纯净的HTML 版本；XHTML 是以 XML 应用的方式定义的 HTML；XHTML 是 W3C 推荐标准。

根据以上定义，可以看出xhtml和普通html区别仅在于格式更规范。

例如：

必需拥有根元素（）

元素必须正确嵌套

元素必须始终关闭

元素、属性必须小写

属性值必须用引号、不能简写

三、css

css（层叠样式表）用于在分离的文件中对html内容进行外观修饰。提供了丰富的功能以满足多种视觉效果。css最基本格式为：选择器{属性:值;属性:值;......}

如：h1 {color:red;font-size:10px}

div.main,span#important{color:green}

body table {font-size:10px}