教材一《HTML5+CSS3 前端技术——UI设计师与开发人员合作秘籍》（相关网站kgc.cn/uiue）

Html5需要在最前面加上

标签，为键值对应类型

包含网页的摘要信息，文档内容，编码信息，搜索关键词等

搜索关键词

网页描述

标题文字

~

分别从大到小

标题

hn后加属性Align设置网页元素的对齐方式，center居中，LEFT居左和RIGHT居右

文本段落标签p

段落

段落标签
换行标签   空格符

标 题

效果为：标 题

网页添加水平线（了解标签及属性）

---

预排版标签

 
  jiaod    joasdjo   asndouh  dnhsao 

标签中的内容按照书写格式进行直接输出到网页中，否则将自动归为一行，简化过程，否则需要用到
 等标签，较麻烦

文字标签

可以进行标签套用，优先生效最近的外套标签

4这是下标x₂

这是要

的两个字

常用字体标签 字体样式 加粗 斜体 删除线 下划线 ^上标形式

_{下标形式 上面有例子 比周围字大一号 比周围字小一号}

实体引用

就是一些字符不能直接显示，比如?这个，就得用®实现，空格就是个例子 ；

还有很多，双引号大小于号，箭头，商标版权TM分数等等

列表元素

有序列表如下,type为标号类型，1阿拉伯数字Aa大小写字母Ii大小写罗马字

1. 1
2. 2
…

无序列表

标签，无序列表每一项前面都是一个符号，可以使circle圆disc点square方块none等类型，默认disc

定义列表

一种特殊列表，这样看，相当于一个标题和一段话相互对应

标题

内容

…

Div和span标签

标签中属性和区域控制，赋予指定样式

<标签名 属性1=“属性值” 属性2=“属性值”…>内容

Eg:

Ps.div标签和p默认有回车换行，标签名不分大小写，属性值不区分大小写，也可以不用引号。

Span标签实现行内块样式，可以赋予特定文本特殊样式，比如在一段话中着重强调几个字，加粗啊下划线什么的

…

加载图片

属性值还有height、weight、align和border，宽高可以设置为固定值或者占外层容器的百分比，对齐方式和边框宽度

超链接标签

连接元素 打开方式可为本窗口（_self）或者新窗口（_blank）父窗口（_parent）顶端(_top)，元素为文字或者图片等，默认本窗口打开。超链接还有一个属性是title，当鼠标悬停的时候弹出的提示信息就是title #叫锚点链接

用#可以制作热点链接，即在网页中点击此处链接的时候，跳转至对应链接的制定name为#后面的内容上。

Eg：（001.html）………

（002.html）……… 点击002中的这个超链接，跳转到001中那个标签的位置 若href=”#”则为空连接 图片链接和热区链接

也用标签，用法如下，点击图片即可跳转到百度页面

图片热区 热区就是点击图片的指定区域才会有反应，shape有circle，rect和poly（圆，矩阵和多边形），coords参数都不一样。

Email链接

联系我 还可以链接javascript

超链接的target属性，就是以什么方式打开新页面之类的上面有写了 表格 Tr是行，td是单元格，一行可以包括多个单元格,表格的常用属性，align、height、weight、表格框高，背景颜色啥的，还有frame属性，显示边框的哪部分,border的属性为table表格边框宽度。实际表格对齐方式等使用CSS样式进行控制，很少使用属性

可以使用rowspan或者colspan啥的，代表这个东西占用几行或者几列，比如这边一个图片，右边放几行文字之类的

//第二行

…

单元格内容	单元格内容

还可以用th标签建立单元格，th标签对表格的文字进行加粗处理 表单

将用户信息组织起来的容器，将填写的内容放在一起。应用场景，登录注册，网上订单，调查问卷等。表格中包含了很多表单控件，使用type属性控制好像。 使用

标签实现表单的创建，是一个容器标签，主要属性为action，点击提交按钮后发送到web服务器上，由指定的程序处理，语法为action=”URL”，默认为本页面。method，告诉服务器数据的发送方式，post还是get，若为get则创建一个请求，包含页面url，一个问号和表单的值，浏览器将请求返回给url中指定的脚本进行处理，若为post，表单上的数据会作为一个数据块发送到脚本，而不是字符串形式。简单示例如下

名字：

名字：

标签的属性

type可选有text,password,checkbox,radio,submit,reset,file,hidden, image和button，默认为text

name为控件的名字，value表单元素的初始值，如radio必须有一个初始值 size指定表单元素初始宽度，若为文本输入框则指定文本框长度为多少字节，其他类型则以像素为单位的长度。maxlength表示输入框中输入的最大字符数，默认无

限大。checked属性指定按钮是否被选中，redio或者checkbox使用这个类型。 这是单选框,单选框应该有相同的name以保证互斥

复选框的name是否一致需要根据环境判断，若为相同属性，如都为兴趣，需要name一致

下拉菜单

和标签实现

选择：

按钮分为普通按钮（button）、提交按钮（submit）和重置按钮（reset），普通按钮主要想赢onclick事件。

这是最简单的实现图片按钮的功能

但是这样仍具备submit的功能 多行文本框

<p>

文件域只需要将type改为file即可，选择文件，可以进行上传文件等操作

HTML的基础知识就到这里了，下面是CSS的学习

Css联级样表