整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
先，首先什么是HTML
当我们浏览网页时，看到展示的内容很可能就是由HTML(Hypertext Markup Language)语言创建的。HTML是用来创建Web页面的标准语言，那么什么是HTML呢？HTML由一系列标签组成，每个标签用于指定不同的文本元素，例如段落、标题、图片、链接等。
下面是一个简单的HTML例子:
在这个例子中，我们可以看到HTML代码被包含在`<html>`标签中，并由`<!DOCTYPE html>`开头的声明语句指定。在`<head>`标签中，我们可以看到一个标题标签`<title>`，它定义了网页的标题。在`<body>`标签中，我们可以看到三个不同的标签。`<h1>`标签是一个标题标签，用于定义一级标题。`<p>`标签用于定义一个段落，它包含一些文本内容。`<img>`标签用于在页面上显示图片，它有一个属性`src`指定图片的URL，并有一个`alt`属性用于提供图片的说明。最后，`<a>`标签用于定义一个链接，它的`href`属性指定链接跳转的目标URL。
HTML是一门基础知识的语言，可以很容易学习并上手，但是需要你熟练运用不同的标签与CSS样式来达到良好的吸引用户的页面效果。
HTML由一系列标签组成，每个标签用于指定不同的文本元素，例如段落、标题、图片、链接等。Web浏览器读取HTML文件，并将其呈现为人们可以阅读的页面。以下是HTML的一些基本概念：
HTML标签是指用尖括号包裹的元素名称，它们描述了在Web页面上显示的内容。例如，<p>元素定义段落，<h1>元素定义一级标题，<img>元素定义图片等。
HTML标签可以包含属性，用于提供有关标签元素属性的更多信息。例如，<img>元素有一个src属性，它指定图片的URL。属性可以帮助我们更容易地控制HTML元素。
HTML元素是指从开始标签到结束标签的所有内容，例如<p>这是一个段落</p>。一个元素可以包含其他元素，从而创建更复杂的Web页面。
以下是一些常见的HTML基础语法:
每个HTML文件应以DOCTYPE声明开头。这个声明描述文档类型和版本，告诉Web浏览器如何解释文件。例如: <!DOCTYPE html>。
所有HTML代码均包含在<html>标签中。
<head>元素用于包含在Web浏览器中的元数据和链接。例如，样式表和Javascript文件引用应该放在<head>元素中。
<title>元素用于指定Web页面的标题。
<body>元素包含了Web页面主要的内容，例如段落、标题、图片和链接等。
以下是一些常用的HTML实例，以帮助你更好地理解HTML的应用：
<p>这是一个段落</p>
<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>
<h4>这是一个四级标题</h4>
<h5>这是一个五级标题</h5>
<h6>这是一个六级标题</h6>
<a href="http://www.example.com">这是一个链接</a>
<img src="http://www.example.com/image.jpg" alt="这是我的图片">
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
HTML是现代Web开发中最重要的技术之一。本文简要介绍了HTML语言的基础理论和应用。深入了解和熟练使用HTML对于Web开发者来说是必要的，这可以帮助Web开发者设计出美观、有效的Web页面。
以下是一些基础的HTML实例，希望能帮助你更好地理解HTML的应用：
<p>这是一个段落，它包含一些文本内容。</p>
<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<h3>这是一个三级标题</h3>
<a href="http://www.example.com">这是一个链接</a>
<img src="example.jpg" alt="这是图片的说明">
无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
有序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">Email:</label>
<input type="text" id="email" name="email">
<br>
<input type="submit" value="提交">
</form>
<div>
这是一个DIV块，它可以包含其他HTML元素。
</div>
这些基础的HTML实例可以帮助你更好地理解和掌握HTML的应用。你可以通过调整代码或添加其他元素来进一步探索HTML语言。
色在设计中不可或缺，色彩的基本理论虽然老生常谈，但在UI设计中怎么具体运用，还有关于色彩的偏好和含义，都是我们需要了解的。除了色彩相关理论，还可以参考一些配色工具。个人推荐 https://material.io/tools/color/，谷歌关于UI设计的配色工具。
以下是译文：
Photo by George Becker from iconscout
我们身处在一个多彩的世界中，物体的不同颜色，会让我们产生不同的情绪。色彩会影响人们的身心，强烈的红色会使血压升高，而蓝色则使人冷静。
设计UI界面时，色彩是影响用户最简单和最重要的一个因素。很多人认为UI界面色彩的选择取决于设计师的品味和审美。然而，颜色的选择过程比它看起来要复杂的多，在设计中扮演着重要的角色。
可以用颜色来营造一种情绪、吸引注意力或作出强调，用色彩调动人的情绪或使人冷静下来。通过选择正确的配色方案，可以营造一种优雅、温暖和平静的氛围。
色彩的选择是基于色彩心理学和色彩理论的，下面就详细介绍一下这块的内容吧。
色彩心理学
男性和女性的色彩偏好是不同的，不同年龄群体的色彩偏好也是不同的。
根据 JoeHallock的研究，不同性别的色彩选择有天壤之别。研究旨在发现不同色彩的偏好程度，从最喜欢的色彩到不那么喜欢的色彩分别所占的比例。
不同性别的色彩偏好
如上图，男女都格外喜欢蓝色，而对棕色的喜爱程度最低。
以一个APP案例来说明
这款APP的目标是管理成本，用户包含男性和女性。先假设一个不了解色彩的初学者，选择棕色作为APP的主色，因为棕色是他最喜欢的颜色。结果如下：
成本管理APP
如图，虽然设计还行，但由于色彩的选择，APP可能无法正常使用。那如何优化呢？本文稍后的部分中，将介绍如何仅通过色彩的改变来优化整个APP。
配色的价值就来了，设计师需要了解色彩的含义和影响，以传达正确的语气、信息并引导用户做出预期的行为。每种色彩都会对我们的思维产生影响，了解可能的影响可以帮助设计师传达正确的信息、引导用户行为。
作为一个设计师，你需要了解色彩的含义，这里只是简要介绍，详细内容请参考 http://www.color-wheel-pro.com/color-meaning.html
色彩理论
设计界面时，有很多色彩可以使用。首先，要提到的是色环。
著名的色环
另一个重要的话题是配色。配色有很多方法，但暖色和冷色应该平衡。下面是几种配色方式：
互补色、邻近色、三色组、分裂互补色、矩形（双分裂互补色）、正方形
每个设计师都应该知道色彩的三个属性：色相、明度和饱和度。Christian Vizcarra对色彩的属性描述非常详尽，本文借鉴了其相关内容。
色相
色相是自然状态下的色彩。比如蓝色、黄色、绿色和红色等等，没明暗的变化。简言之，色环上没有改变明暗的色彩。
如下图：
明度
明度，指色彩的明暗度。以自然界为例，一些物体在早晨和晚上的色彩不同。如树木和山脉，早晨色调浅；傍晚因为光线减少了，色调变得偏暗。
Photo by Nextvoyage from iconscout
距光源越近的物体，明度越高，反之，则明度越暗。明度在UI设计中扮演重要的角色，明度运用得好，可以实现好的对比效果。
明度达到100%时，色彩就会变成白色；明度是0%时，就会变成黑色。如下图：
色彩的明度
饱和度
饱和度是色彩的纯度。增加饱和度，色彩会变得更强烈、鲜艳生动；降低饱和度，色彩会变得暗淡乏味。
色彩饱和度
使用饱和度前，需要知道设计的载体，印刷还是电子媒介。为印刷设计时，饱和度不能过高，因为印刷使用的CMYK模式，有一定的局限。
UI设计中的色彩
黄金比例——6：3：1原则。
60%+30%+10%的原则，是达到色彩平衡的最佳比例。在60%的空间使用主色，30%的空间使用辅助色，最后剩下10%的空间为另外一种色彩。这样可以使用户眼睛从一点移动到下一个点时，非常舒服。
使用6：3：1原则的调色板
UI中的阴影
没有完全纯黑的阴影，阴影的颜色是会受到物体本身固有色的影响，如下图所示。
Photo by Brigitte Tohm from iconscout
樱桃的阴影是深红色，看起来几乎是黑色，但并不是纯黑色。比如还有花儿、盘子和华夫饼的阴影，都不是纯黑色的。光和环境决定了阴影的颜色。
UI设计的一个常见错误是使用半透明的黑色作为阴影。
UI元素的阴影
字体色彩
如今大多数的界面都是白色的，目的在于尽可能地简化界面聚焦内容本身，所以字体排版就成了一个非常重要的元素。
左边的文本颜色是纯黑色 (# 000000），右侧的色彩看起来是黑色的，但其实是加入了蓝色的黑色，变成了蓝黑色 (# 181441）。字体色彩在大多数白色的界面中，非常重要，如下图：
相同透明度下，两种色彩的对比
相同透明度下，两组文本字体颜色不同，效果不同。一组是灰色的，另一组是蓝灰色的，不同色调的文本对界面有显著的影响。如下图：
使用黑色和灰色，很糟糕吗？不是。人们常说“黑色使一切很酷”，所以这取决于个人的感受。在使用颜色时，考虑到色调，就可以实现更好的对比和协调。
成本管理APP的优化
改为绿色后，APP看起来好多了。因为我们需要在这款App中表现出对于金钱和增长的强烈情感愿望，而绿色描述了金钱和金融世界，男女都同时喜欢绿色。
（译者注：在国外绿色代表股市上涨，所以对于他们来说，关于金钱的应用才用绿色会更加合适。颜色的使用更贴合使用人群，对体验来说才会更好，颜色也就变得更加有依据。）
以下是修改后的对比：
在这里我相信有很多想要学习UI设计的朋友，我是一名从事了五年UI设计私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的学习干货及教程，从最基础到，各种框架都有整理，送给每一位UI设计取的可以关注我并在后台私信我：学习，即可免费获取
页
网站是使用HTML等制作的用于展示特定内容相关的网页集合
网页是网站中的一“页”，通常是HTML格式的文件，需要通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、连接、文字、声音、视频等元素组分。一般以.htm或.HTML为后缀名的文件，都是HTML文件。
什么是html
html是超文本标记语言，它是用来描述网页的一种语言。
1、可以加入图片、声音、动画、多媒体文件等内容。
2、还可以从一盒文件跳转到另一个文件，与世界各地主机的文件连接。
网页是由网页元素组成，这些元素是利用html标签描述出来的，通过浏览器显示给用户。
静/动态区别：
静态：
XX.htm、xx. Html
区分方式：网页中数据的提取来源方式
动态：
Xx.jsp、xx.php、xx.asp、xx.cgi
页面中的数据可以通过和数据库等其他来源提取
动静态交互使用
Html语句的语法的基本单位：
标签、标记
tag<标签单词><标签单词 属性名1=”属性值” 属性名1=”属性值”>
多数标签成对使用，相对少数标签非成对（独立）使用<img>独立使用
<a> ... </a> 制作超级链接
1. 创建文本文件
2. 书写html代码（标签）
3. 保存文件
4. 文件名后缀改为.Html或.html
5. 浏览器打开以上网页文件
标签不能书写中文，只能是英文
代码中“空格”为缩进
嵌套
<html>
<head> </head>
<body> </body>
</html>
<font></font>修饰文字
字形face Font size=“1--7”字体大小 color颜色
<em></em>强调，斜体字
<p>段落文字</p>
<img src=”图片文件名”alt=”xxxxx”width=”像素宽度”height=”像素高度”>
绝对路径：”file：///D:/html/11.jpg”
相对路径：”../src/1.html/11.jpg”
<a>超链接</a>
页间跳转
<a href=”http://www.baidu.com”>文字、图片</a>
<a href=”../src/1.html”>文字、图片</a>
页内跳转（标签需要成对出现）href=作为起点name=作为结尾需要去到的地方
<a Href=”#变量名”>....</a>
..................
<a name=”变量名”>xxx</a>
<a href=”..../#t1”
两者结合使用<a href=”http://www.baidu.com/news/#变量名”>
...............
<a name=”变量名”></a>
“弹幕”滚动标签
标签在不同浏览器当中打开时的内容是不一样的
可用GRB单词进行颜色查找
独立使用标签：<img>< hr>< br换行>在需要换行的地方输入即可
空格在html中作为特殊符号使用：作为分隔符“ ”
Html中汉字不作为标签符
<；&abc>；作为括号使用
字符集不同会出现乱码
Align水平对齐属性；left、right、center
注释 屏蔽代码
Dos批处理 在注释前加上“rem”
Html <!-- 注释的内容...... - ->
扩展<META>元数据标签
标签名称、独立使用、主要作用
放在<head></head>中执行 部分功能在浏览器打开时就开始工作
Charset 字符集
Set 赋值
Set 集合
Th 保存表格数据的单位，等同于<td>。但自带居中加粗显示
Td、th单元格合并：
同行左右单元格合并colspan=”n”
同列上下单元格合并rowspan=”n”
*请认真填写需求信息，我们会在24小时内与您取得联系。
