前端全栈学习笔记第二天 - HTML

之前很杂的把前端几乎学了一遍,从html,css,h5,c3,js,jq,ajax,php,vue,微信小程序,微信小游戏,three.js,node,mongodb现在再系统的学一遍,为明年实习打下扎实的基础,简单的就不再赘述。先看一下第二天的学习路线

第一天介绍到了标签,第二天也是继续介绍标签。

1:表格标签

tr,td,th

tr:行

td:单元格

th:标题标签(自动居中,加粗)

表格标题:caption(居中)

比较规范的写法是用thead,tbody将表格头部和身体包裹,这样看着比较清晰

表格合并:跨行合并:rowspan,夸列合并colspan

需要注意一点:表格没有列元素,列元素取决于单元格的个数

2:表单

在html中表单由三部分组成:表单控件,提示信息,表单域

前端全栈学习笔记第二天 - HTML_第1张图片

type,name(区分不用的值) value(值)

前端全栈学习笔记第二天 - HTML_第2张图片

label标签:

label标签为input元素定义注释

作用:用于绑定表单元素,当点击label标签时被绑定的元素就会获得焦点

怎么绑定元素:

其实和牟点的用法差不多,主要是为了增加用户体验

textarea文本域:

一般用于留言板,可以多行显示,当然也可以自定义行列

下拉菜单:

前端全栈学习笔记第二天 - HTML_第3张图片

 

默认选中 selected = “selected”

表单域:

在html用form标签定义表单域,

至此html结束,下面开始css(美化样式)

1:引入css样式(书写位置)

内部样式表

前端全栈学习笔记第二天 - HTML_第4张图片

行内样式

外部样式表

前端全栈学习笔记第二天 - HTML_第5张图片

 

 

 

你可能感兴趣的:(前端,前端学习笔记)