Download presentation
Presentation is loading. Please wait.
1
UI 软件 设计 页面布局（一）
2
目录 HTML基础 1 HTML提高 2 练习 3 小结 4 — * —
3
浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
UI DESIGN HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。 浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 HTML基础 — * —
4
UI DESIGN HTML文档包括的内容 HTML基础 文本 链接 图片 列表 表格 表单 框架
链接用来指出内容与另一个页面或当前页面某个地方有关。 图片 图片用于使页面更加美观，或提供更多的信息。 列表 列表用于说明一系列条目是彼此相关的。 表格 表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。 表单 表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。 框架 框架使页面里能包含其它的页面。 HTML基础 — * —
5
<title> 标签定义文档的标题 。
HTML提高 UI DESIGN HTML <head> 元素 <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。 HTML <title> 元素 <title> 标签定义文档的标题 。 HTML提高 — * —
6
<link> 标签定义文档与外部资源之间的关系。 <link> 标签最常用于连接样式表：
HTML提高 UI DESIGN HTML <link> 元素 <link> 标签定义文档与外部资源之间的关系。 <link> 标签最常用于连接样式表： <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> 。 HTML提高 — * —
7
<style> 标签用于为 HTML 文档定义样式信息。 您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：
UI DESIGN HTML <style> 元素 <style> 标签用于为 HTML 文档定义样式信息。 您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式： <head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head> HTML提高 — * —
8
UI DESIGN HTML提高 HTML script 元素
<script> 标签用于定义客户端脚本，比如 JavaScript。 script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。 下面的脚本会向浏览器输出“Hello World!”： <script type="text/javascript"> document.write("Hello World!") </script> HTML提高 — * —
9
练习 UI DESIGN 沟通知识概述 — * —
10
练习 UI DESIGN 拓展作业：查找软件UI设计网站 沟通知识概述 — * —
11
小结 UI DESIGN 什么是HTML HTML包括什么 小结 — * —
12
Thank You
Similar presentations
