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 组合标签的标题



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容

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