1、新建一个html文件，先切换到边改边看模式。
2、写一个div出来，同时在内部加上一些文字。
3、使用css增加属性，使得div的区域看得清楚。
4、使用text-align:center属性使得文字横向居中。
5、设置行高，使这行文字实际占用的高度和div高度相同，就产生了居中效果。
6、如果是多行文字，需要配合行内标签p和它的padding属性来完成居中。
< article> 标签是 HTML 5 中的新标签。属性 有以下：
accesskey 规定激活元素的快捷键。
class 规定元素的一个或多个类名（引用样式表中的类）。
contenteditable 规定元素内容是否可编辑。
contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
data-* 用于存储页面或应用程序的私有定制数据。
dir 规定元素中内容的文本方向。
draggable 规定元素是否可拖动。
dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。
hidden 规定元素仍未或不再相关。
id 规定元素的唯一 id。
lang 规定元素内容的语言。
spellcheck 规定是否对元素进行拼写和语法检查。
style 规定元素的行内 CSS 样式。
tabindex 规定元素的 tab 键次序。
title 规定有关元素的额外信息。
translate 规定是否应该翻译元素内容。
html表单中for 用户表单的标签上，属性值为需要关联的输入框id。
< input text=”radio” name=”gender” id=”gender_1″ value=”男” /> < label for=”gender_1″> 男< /label>
< input text=”radio” name=”gender” id=”gender_2″ value=”女” /> < label for=”gender_2″> 女< /label>
此时，你点击后面的 男 or 女，就会选中前面的单选钮。
对非隐藏的表单均有效果。
也就是说 html中 for属性的作用是关联的作用，一般是和表单中某个控件的id属性一直，表示关联此控件