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...
    米塔塔阅读 3,352评论 1 41
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 741评论 1 2
  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,887评论 0 11
  • 粤清香基本现状: 粤清香农产品是以蔬果脱水加工为主业的科技型农业龙头企业。 在选取农产品原料上坚持采用绿色、无公害...
    广州涵象品牌设计合作号2阅读 906评论 0 0
  • 梁梁2017年10月6日日记 今天早上6点20起床,自然醒了,是早起的第36天,感谢上天给我的每...
    梁志昌总裁阅读 311评论 0 0