HTML第二小节第一天

高级标签

列表标签

无序列表 unorder list 没有顺序的标签列表

<ul>

<li>北京</li>

<li>上海</li>

<li>杭州</li>

</ul>


有序列表 order list 有顺序的标签列表

<ol>

<li>北京</li>

<li>上海</li>

<li>杭州</li>

</ol>

无序和有序都是独占行,

<ul>和<lr>中间不能嵌套任何东西,<lr>之间可以嵌套其他标签

自定义列表dl

<dl>

<dt>自定义列表的标题</dt>

<dd>北京</dd>

<dd>上海</dd>

<dd>杭州</dd>

</dl>

可以有多份

表格标签table

整个表格标签 用<table>

一整行用<tr>

其中一个单元格单元格<td>

ctrl+{/} 向左/右缩进


表格头部<thead>

头部单元格<th>姓名</th>

表格主题

<tbody>


推荐使用<thead><tbody>

单元格的合并

Rowspan 行方向上合并单元格

Column列方向合并单元格

节标签

div 块级标签 独占一行

span行级标签 可以跟其他行内标签 共用一行

块:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相关的标签都是行内标签

Div多用于表示文档中的一个块或者是整个结构的小节。

Span标签,多用于文本的一小节

表单标签

表单一般由 文本框、下拉列表、单选、多选、文本域等组成

表单就是用户提交数据到后台的一个虚拟单子

所有的表单标签必须被包裹在<form>标签中

Form标签

表单的域标签,用于包裹整个表单的内容

Action属性,用于指定当前表单 提交的时候指向后台的地址

Input标签

Input标签是文本框、单选、多选、按钮等

Type属性不同的取值决定了input标签的作用。

文本框:text

密码框:password

单选:radio

多选:checkbox

按钮:button

提交按钮:submit

重置按钮: reset


select标签中 multiple生成一个直接展开的下拉列表 定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多项.multiple checked 单标签

<input type=”submit” value=”提交”>

<input type=”button”  value=”普通的按钮”>

Lable标签,for属性指向要提供服务的标签的id值。

Lable直接包裹标签,可以实现点击标签的文字内容,让包裹的表单标签标签获得焦点

<label for="txtName">文本框获得焦点</label>

Cols设置文本域可以输入多少列 字符。宽度。

Rows 设置文本域的可以输入的行 字符数,高度


fieldset组合表单

legend 组合标签的标题



推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 1,464评论 1 39
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 86评论 1 2
  • 目录:1.HTML介绍 1.1Html和CSS的关系 1.2认识html标签 1.3标签的语法 1.4认识html...
    Handsome_Sheep阅读 212评论 1 8
  • 闲暇之余,看看html。首先来个hello world吧 学习web前端开发基础技术需要掌握:HTML、CSS、J...
    pingui阅读 43评论 0 1
  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 533评论 0 8