标记语言 · 悦焓心理测评系统

[TOC] ## 什么是标记语言（HTML） > > 标记语言用一套**标记标签**来描述网页这是一种超文本标记语言，简称HTML HTML不是一种编程语言，而是一种**标记语言** ## HTML的作用 >**控制网页中的文字及图像的大小、格式、排版等等** ## 系统全面支持 >后台录入HTML代码灵活定制页面显示效果问卷、报告均支持HTML代码 ## HTML代码示例 ### 范例1：控制字体的颜色和大小 ``` 加大加粗的蓝色文字 ``` * **网页显示效果：** 加大加粗的蓝色文字 > [标签的相关教程](https://www.w3school.com.cn/tags/tag_span.asp) > **两种控制字体颜色的方法** 方法1：用英文单词控制颜色，color:blue;代表蓝色，color:red;代表红色，等等方法2：用十六进制颜色值控制颜色，参见：[常见的十六进制颜色值](https://www.w3school.com.cn/tags/html_ref_colornames.asp) 二者相同之处：color:blue；代表蓝色，如果用十六进制颜色值控制则是color:#0000FF; 也代表蓝色，二者的显示效果是一样的二者的区别：用英文单词控制颜色，只有140个颜色可选，如果用十六进制颜色值控制颜色，则有数万个颜色可选 [color的相关教程](https://www.w3school.com.cn/css/css_colors.asp) >**font-size控制字体的大小** 常用的字体大小是14px、16px等 [font-size的相关教程](https://www.w3school.com.cn/css/css_font_size.asp) >**font-weight控制字体的粗细** normal代表正常 bold代表粗 bolder代表更粗 lighter代表更细 [font-weight的相关教程](https://www.w3school.com.cn/css/css_font_style.asp) ### 范例2：换行 ``` ``` [ 标签的相关教程](https://www.w3school.com.cn/tags/tag_br.asp) >录入 ，网页中的显示效果是：换一行录入 ，网页中的显示效果是：换两行 ### 范例3：空格 ```   ``` >录入上述字符，网页中的显示效果是：不断行的空白格，该空格占据的宽度受字体影响 ``` &ensp; ``` >录入上述字符，网页中的显示效果是：相当全角状态键入半个“空格”键（半个汉字的宽度） ``` &emsp; ``` >录入上述字符，网页中的显示效果是：相当全角状态键入“空格”键（1个汉字的宽度） ### 范例4：链接 ``` < a href="http://www.baidu.com">百度</a> ``` * **网页显示效果：** [百度](http://www.baidu.com) ``` < a href="http://www.baidu.com" style="font-weight:bold;">百度</a> ``` * **网页显示效果： [百度](http://www.baidu.com)** > [<a>标签的相关教程](https://www.w3school.com.cn/tags/tag_a.asp) ## 自学教程 >[info]**HTML代码易学易用 [开始学习HTML教程](https://www.w3school.com.cn/html/index.asp)**