dl和dt自定义列表标签

URL的组成

http://192.168.100.87:8080/page.html
协议   服务器的ip地址   端口  请求的页面
  • 浏览器将劳动器再次回到来的response进行从上到下的辨析(渲染),最终将页面显示出来。

img标签:

  1. img标签中的img其实是英文image的缩写,所以img标签的功用,
    就是报告浏览器我们须求出示一张图片;
  2. img标签格式:< img
    src=””>其实img标签中的src是英文source的缩写,所以img标签中的src便是用来告诉img标签,
    要求彰显的图纸名称.
  3. 注意点:
  1. 和H种类标签/p标签还有Hr标签不平等, img标签不会占据一行.
  2. 若是大家手动内定了img标签突显的图形的幅度和中度,
    有极大可能会招致图片变形, 那么只要又想钦赐宽度和可观,
    又不想让图片变形. 大家得以只钦点宽度和冲天个中的多少个值即可
  3. 1经钦点了高度, 系统会活动依照高度计算出宽度, 只要钦点了上涨幅度,
    系统会自动依照宽度总结出中度, 并且都以等Bila伸的, 也等于说不会变形

四.img中的其余性质:

  • width: 宽度 & height: 高度
    在img标签中width/height那四个属性的功能,
    正是用来告诉img标签今后须要体现的图纸有多少厚度有多高;
    万一img标签未有点名要求出示的图纸的宽高,
    那么系统会安分守己图片暗中同意的宽高来展现,
    纵然img标签内定的宽高, 那么系统会依据钦命的宽高来展现.

  • title: 用于告诉浏览器, 当鼠标悬停在图片上时,
    须要弹出的叙述框中展现怎么内容

  • alt其实是英文alternate的缩写, 它的效劳正是用来告诉浏览器,
    当须要出示的图样找不到时显得怎么内容。

HTML的一定结构

<!DOCTYPE>
<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>

br标签:

  1. br标签效应: 换行
  2. br标签格式: <br>/<br/>
  3. br标签的注意点:
  • 三个br标签可以接连不断使用, 使用了有点个br标签就会换多少行;
  • 由于HTML的效果正是用来给文本添加语义,
    而br标签的语义是不另起3个段落换行,
    而在同盟社支付中一般意况下须求换行都以因为须求另起三个段落,
    所以在集团开销中很少使用br标签。

HTML标题

  • 标题:通过<h1> - <h6>等标签进行定义。
  • 功效:在页面上以标题标样式体现文字。

a标签:

  1. 什么是a标签?
    a标签的功能: 正是用于控制页面与页面之间跳转的;
    a标签的格式: < a
    href=”钦定必要跳转的对象界面”>须要表现给用户查看的剧情<
    /a >
  2. a 标签的性质:
  • target属性, 那个个性的功能正是专门用来控制什么跳转:
    _self: 用于在时下选项卡中跳转, 也正是不新建页面跳转.
    target默许属性。
    _blank: 用于在新的选项卡中跳转, 也正是新建页面跳转。

  • title属性,a标签中的title和img标签中的title一样,
    都以用来控制鼠标悬停时显示的提示文本的。

  1. 注意点:
  1. a标签不仅可以让文字能够点击, 还是可以够让图片也能够被点击;
  2. 三个a标签必须有3个href属性, 不然a标签不通晓要跳转到哪里;
  3. 如果经过a标签的href属性钦赐2个U凯雷德L地址,
    那么必须在地方前面加上http://或https://
  4. a标签的href属性除了能够钦定贰个网络地址以外,
    仍可以钦命3个地点地址。

HTML段落

  • 段落是经过<p>标签举行定义的。
  • 效用:用来标记当前页面上某一行文字为二个段子。

base标签:

base标签正是专门用来归并的钦赐当前网页中保有的超链接(a标签)需求如何开辟。
例子:

<head>
    <meta charset="UTF-8">
    <title>11-base标签</title>
    <base target="_blank">
</head>

注意点:

  1. base标签必须写在head标签的起始标签和完工标签之间;
  2. 万壹既在base中钦命了target又在a标签中钦点了target,那么浏览器会依据a标签中钦赐的来施行;
  3. 如供给单独给有些a链接添加跳转方式,能够在非凡a标签中独立钦赐跳转样式。

hr标签

  • 功能:在页面上显得一条横线

列表标签

作用: 给一群数据添加列表语义,
也正是告诉搜索引擎告诉浏览器这一批数据是1个完全。
分类

  1. 冬天列表(最多)(unordered list)
  2. 不变列表(最少)(ordered list)
  3. 概念列表(其次)(definition list)
    冬日列表成效:给一群数据添加列表语义,
    并且这一群数据中具备的数据都不曾先后之分。

格式

< ul>
    <li>需要显示的条目内容</li>
</ul>

li其实是英文list item的缩写;
list是列表的情趣,item是条款的趣味,所以结合起来便是 列表条目标意趣。

注意点

  1. 毫无疑问要记住ul标签是用来给一批数据添加列表语义的,
    而不是用来给她们添加小圆点的;
  2. ul标签和li标签是三个完完全全, 是3个组合.
    所以一般景况下ul标签和li标签都以同步现身, 不会单个出现.
    也正是说不会独自使用贰个ul标签或许独立使用三个li 标签,
    都是组成在壹道利用;
  3. 出于ul标签和li标签是二个组成, 所以ul标签中不引进包蕴其余标签,
    约等于说未来你在ul标签中只会看到li标签。

选取场景
壹.情报列表
二.商品列表
3.导航条

br标签

  • 作用:换行

报表标签

作用:用来给一批数据拉长表格语义。
其实表格是1种多少的显现格局, 当数据量相当大的时候,
表格那种表现方式被认为是无与伦比清楚的1种表现格局。
格式

< table>
    <tr>
        <td>需要显示的内容</td>
    </tr>
</table>

报表标签中的table代表全部表格,
也正是一个table标签所包裹的剧情便是3个表格
报表标签中的tr标签意味着整个表格中的一行数据,
也便是说1对tr标签正是表格中的一行;
实在表格标签中的td标签表示表格中一行中的贰个单元格,
也正是说壹对td标签正是单排中的1个单元格。

注意点

  • 报表标签有叁个边框属性, 这一个本性决定了边框的宽度.
    暗中认可景况下那几个性情的值是0, 所以看不到边框;
  • 报表标签和列表标签1样, 它是2个组合标签,
    所以table/tr/td要么1起现身, 要么一起不出新, 不会单个现身。

属性

  1. width&height:能够给table标签和td标签使用。
  • 报表的宽窄和惊人暗许是遵守内容的尺码来调动的,
    也足以由此给table标签设置width/height属性的办法来手动钦命表格的大幅和中度;
  • 要是给td标签设置widht/height属性, 会修改当前单元格的增加率和中度,
    不会潜移默化总体表格的小幅度和惊人;
  1. 水平对齐和垂直对齐的质量:当中国水力电力对外公司平对齐能够给table标签和tr标签和td标签使用,垂直对齐只可以给tr标签和td标签使用。
  • 给table标签设置align属性, 能够决定表格在档次方向的对齐格局;
  • 给tr标签设置align属性,
    能够决定当前行中有着单元格内容的档次方向的对齐格局
  • 给td标签设置align属性,
    能够控制当前单元格中剧情在档次方向的对齐格局
    注意点: 若是td中设置了align属性, tr中也设置了align属性,
    那么单元格中的内容会遵照td中装置的来对齐。
  1. 异地距和内边距的性质:只可以给table标签使用。
  • 异乡距便是单元格和单元格之间的离开, 大家誉为外边
    距,默许情形下单元格和单元格之间的异地距的离开是二px;

  • 内边距便是单元格的边框和文字里面包车型地铁空闲,
    大家称为内边距,暗中认可景况下内边距是一;

细线表格
细线表格的创立方法:

  1. 给table标签设置bgcolor;
  2. 给tr标签设置bgcolor;
  3. 给table标签设置cellspacing = “壹px”.
    注意点:
    table标签和tr标签以及td标签都扶助bgcolor属性。
    (不过上述内容仅仅看做领悟, 因为样式今后都以透过css来控制)

报表标签的其余标签

  1. 报表标题:这些标签叫做caption. 只要将标题写在caption标签中,
    那么标题就会自行相对于表格的宽度居中。
    注意点:
    caption一定要写在table标签中, 不然不算;
    caption一定要紧跟在table标签后边;
  2. 标题单元格:这么些标签叫做th标签,
    只要将眼下列的标题存储在那个标签中就会活动居中+加粗文字;
    到此结束大家就发现, 其实表格中有二种单元格, 一种是td,
    一种是th,td是尤其用来储存数据的,
    th是专程用来囤积当前列的标题的。

报表的布局

  1. 出于表格中存款和储蓄的数额相比复杂, 为了方便管理和读书以及升级换代语义,
    我们能够对表格中储存的多寡实行分类。
    报表中蕴藏的数目足以分成4类:
  • 报表的标题(caption);
  • 报表的表头音信(thead);
  • 报表的基点音讯(tbody);
  • 报表的页尾消息(tfoot)
  1. 报表的总体结构

<table>
    <caption>表格的标题</caption>
    <thead>
        <tr>
            <th>每一列的标题</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>数据</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>数据</td>
        </tr>
    </tfoot>
</table>
  1. 注意点:
  • 借使大家没有编制tbody, 系统会系统给我们添加tbody;
  • 假使内定了thead和tfoot, 那么在修改总体表格的万丈时,
    thead和tfoot有温馨暗中同意的中度, 不会趁机表格的莫斯中国科学技术大学学变化而生成;

统1单元格

  1. 水平方向上的单元格合并:
    能够给td标签添加多少个colspan属性,
    来钦定把某2个单元格当做八个单元格来看待(水平方向)
    例如:

<td colspan="2"></td>

意义: 把最近单元格当做八个单元格来对待;
注意点:

  1. 鉴于把某3个单元格当做了多少个单元格来对待,所以需求删掉1些单元格才能健康彰显;
  2. 自然要牢记单元格合并永远都以向后或者向下联合,而不能够向前还是发展合并。
  3. 垂直方向上的单元格合并:
    可以给td标签设置2个rowspan属性,来钦定把某贰个单元格当做八个单元格来对待(垂直方向)
    例如:

<td rowspan="2"></td>

意义:把当前单元格当做多少个单元格来看待。

其余标签

  1. B:加粗
  2. U:下划线
  3. I:倾斜
  4. S:删除线
    (不提出利用)

  1. strong:加粗
  2. em:倾斜
  3. ins:下划线
  4. del:删除线

图片 1

表单标签

  1. 什么是表单?
    表单正是越发用来搜集用户消息的;
  2. 什么样是表单成分?
    二.1 什么是因素?
    在HTML中标签/标记/元素都以HTML中的标
    签,例如< a >a标签/a标记/a元素。
    二.2表单成分其实依然HTML中的一些标签,只可是那么些标签相比相当,在浏览器中拥有的表单标签都有万分的外观和暗中认可的效率。
  3. 表单的格式:

<form>
    <表单元素>
</form>
  1. 相近的表单成分:
    4.1 input标签, input标签有3个type属性,
    那本性格有多如牛毛类其他取值,
    取值的不及就决定了input标签的功能和外观不一样。
    常见的input属性
    当着输入框:

<form>
    账号:<input type="text">
</form>

暗文输入框:

<form>
    密码:<input type="password">
</form>

给输入框设置私下认可值:

<form>
    账号:<input type="text" value="lnj"><br>
    密码:<input type="password" value="123"></form>`

单选框:

    性别:
    <input type="radio" name="xx" checked>男
    <input type="radio" name="xx">女
    <input type="radio" name="xx" >保密<br>

注意点:
一.默许意况下单选框不会排斥,
要想单选框互斥那么必须给每二个单选框标签都安装一个name属性,
然后name属性还非得设置同壹的值;
二.要想让单选框默许选中某3个框子,
那么能够给input标签添加1个checked属性;
3.在HTML中1旦属性的取值和品质的名号相同, 能够只写3个.
然而在XHTML中务必写上取值, 所以在集团开发中大家推荐大家不用简单取值。

多选框:

    爱好:
    <input type="checkbox">篮球
    <input type="checkbox">足球
    <input type="checkbox" checked="checked">棒球
    <input type="checkbox" checked="checked">足浴

按钮:

  1. 壹般说来按钮:能够通过value属性来给按钮钦赐标题;
    效果:协作JS来形成部分操作。

<input type="button" value="我是按钮">
  1. 图片按钮:能够用内定图片作为按钮;
    功用:同普通按钮1样,可以同盟JS来形成都部队分操作。

<input type="image" src="images/register.jpg">
  1. 重置按钮:
    效果:用于清空表单中早已填写好的数量;
    注意点:要是想要修改重置按钮私下认可的按钮标题能够通过Value属性来修改。

 <input type="reset" value="清空">
  1. 交给按钮:
    功用:将表单那种已经填写好的数目,提交到长途服务器。
    注意点:要想把填好的多少交由到长途服务器,必须持有多少个标准化:
  2. 急需给form表单添加1个action的本性,通过这几个action属性钦点须要交给到的服务器
    地址;
  3. 供给给急需交给到服务器的表单成分添加1个name属性。

<input type="submit">

隐藏域:
效益 : 合营提交按钮将1些数目默默的幕后的提交到服务器。

 <input type="hidden" name="cc" value="kukuku">

H5新增input标签属性:

    可以自动校验输入的内容是否符合邮箱的格式:
    邮箱:<input type="email">

可以自动校验输入的内容是否是URL地址:
域名:<input type="url">

    输入框中只能输入数字:
    电话:<input type="number">

可以通过日历来选择时间:
时间:<input type="date">

    可以通过取色板来选择颜色:
    颜色: <input type="color">

4.2 label标签,用于将文字和输入框关联起来。

  1. 暗中认可景况下文字和输入框是未有涉嫌关系的,
    也正是说点击文字输入框不汇聚焦, 假如想点击文字时让对应的输入框聚焦,
    那么就供给让文字和输入框进行绑定;
  2. 要想让输入框和文字绑定在一块儿, 那么大家得以选取Label标签;
  3. 绑定的格式:
    三.一 将文字应用label标签包裹起来
    叁.二 给输入框添加二个id属性
    三.叁在label标签中通过for属性和输入框中的id进行绑定即可。

<label for="account">账号:</label><input type="text" id="account">
<form action="">
    <label for="account">账号:</label><input type="text" id="account"><br>
    <label for="pwd">密码:</label><input type="password" id="pwd"><br>

4.3 datalist标签:
效果:给输入框绑定待选项。
格式:

<datalist>
    <option>待选项内容</option>
</datalist>

怎么样给输入框绑定待选列表:

  1. 写多少个输入框;
  2. 写一个datalist列表;
  3. 给datalist列表标签添加2个id;
  4. 给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可。

    请输入你的车型:

4.4 select 标签:
意义:用于定义下拉列表。
格式:

<select>
    <optgroup label="分组名称">
        <option>列表数据</option>
    </optgroup>
</select>

<select>
    <optgroup label="北京">
        <option>朝阳区</option>
        <option>昌平区</option>
        <option>通州区</option>
    </optgroup>
    <optgroup label="广州">
        <option>天河区</option>
        <option>越秀区</option>
        <option>黄浦区</option>
    </optgroup>
</select>

注意点:
1.下拉列表不能够输入内容, 可是能够一贯在列表中选用内容;
二.得以经过给option标签添加多少个selected属性来钦定列表的暗中同意值;
叁.得以经过给option标签包裹一层optgroup标签来给下拉列表中的数据分类。

4.5 textarea标签:
功用: 定义几个多行输入框;
格式:

<textarea>
</textarea>

注意点:
一.暗中认可情状下输入框能够Infiniti换行;
2.私下认可情形下输入框有本身的拉长率和可观;
三.得以经过cols和rows来钦定输入框的幅度和可观, 不过纵然钦定了列数和行数,
不过照旧足以Infiniti往下输入;
4.暗中认可情状下输入框是可以手动拉伸的(如设置resize:
none则无从改变输入框大小);
5.注意:
表单成分一定要写在表单中。

video/audio标签:

  1. video标签:
    功用:用于广播摄像。
    格式一:

<video src="">
</video>
<video src="images/sb1.webm" autoplay="autoplay" loop="loop" muted="muted" width="800px"></video>

格式二:

<video>
    <source src="" type=""></source>
    <source src="" type=""></source>
</video>

属性:
src: 用于告诉video标签须求播放的录像地址;
autoplay: 用于告诉video标签是或不是要求自动播放摄像;
controls: 用于告诉video标签是不是需要呈现控制条;
poster: 用于告诉video标签录制未有广播以前展示的占位图片;
loop: 壹般用来做广告录像,
用于告诉video标签录像播放达成之后是否供给循环播放;
preload: 预加载录像, 可是索要注意preload和autoplay相冲,
要是设置了autoplay属性, 那么preload属性就会失灵;
muted:静音;
width/height: 和img标签中的1模壹样。

格式二存在的意义:
鉴于录制数据万分尤其的基本点,
所以中国共产党第五次全国代表大会浏览器厂商都不甘于帮忙外人的录像格式,
所以导致了从未有过1种摄像格式是拥有浏览器都帮忙的,这年W3C为了缓解这几个难点,
所以推出了第2个video标签的格式,其存在的意思不畏为了消除浏览器适配难题
video 成分援救二种录像格式,
大家能够把那三种格式都通过source标签内定给video标签,
那么将来当浏览器播放录像时它就会从这三种中甄选壹种本人扶助的格式来播音。

注意点:

  1. 当下由此video标签的第1种格式即使可以钦赐所有浏览器都帮衬的录制格式,
    不过想让拥有浏览器都经过video标签播放录像还有八个前提条件,
    正是浏览器必须支持HTML五标签, 不然等同无法播放;
  2. 在过去的局地浏览器是不帮忙HTML伍标签的,
    所以为了让过去的壹部分浏览器也能够通过video标签来播音录像,
    那么大家今后能够由此一个JS的框架叫做html伍media来落成。

2.audio标签
效益:用于广播音频。
格式:同video壹样,具有二种格式。

<audio src="">
</audio>

<audio>
    <source src="" type="">
</audio>

注意点:
audio标签的选取和video标签的使用基本一样,
video中可见利用的性质在audio标签中多数都可以运用, 并且成效都平等
只不过有一个属性不可能用,
height/width/poster,那与广播产品的性质有直接关乎。

img图片标签

  • src:图片的门径
  • alt:假如展现不出图片时,彰显这么些本性中的文字
  • title:介绍那张图纸

详情和马虎

怎样是详情和疏忽标签?
作用:利用summary标签来叙述概要音信,
利用details标签来叙述详情消息;暗中认可情况下是折叠显示,
想看见详情必须点击。
格式:

<details>
    <summary>概要信息</summary>
    详情信息
</details>

<details>
    <summary>郑伊健</summary>
简介:郑伊健,1967年10月4日出生于中国香港,籍贯广东恩平,香港影视演员、流行男歌手。1988年参加新秀歌唱大赛加入无线电视,因拍摄“阳光柠檬茶”广告而入行,拜罗文为师。1991年...
</details>

a标签(超链接)

  • 成效:能够在三个页面中跳转到另3个页面。
  • <a href="页面的路径">此处必要要有文字</a>
  • 瞩目:在a标签之内必供给写文字,假若没有,那么那么些标签在页面上找不到。
  • a标签能够不跳转(跳转到当前页面) href="#"
  • a标签在和谐的页面进行固化:
    1. 设置a标签的`href=”#id”;
    2. 在页面包车型客车钦命地点加入五个目的标签;
    3. 必须给这一个标签设置多少个id名:<p id="mubiao">这是目标</p>
  • target="_blank"跳转到多个新的页面;
  • target="_self"在时下页面进行跳转;

marquee

作用: 跑马灯
格式:

<marquee>内容</marquee>

属性:
direction: 设置滚动方向 left/right/up/down(私下认可left);
scrollamount: 设置滚动速度, 值越大就越快;
loop: 设置滚动次数, 暗许是-1, 约等于最为滚动;
behavior: 设置滚动类型 slide滚动到分界就终止,
alternate滚动到分界就弹回。
注意点:
marquee标签不是W3C推荐的标签, 在W3C官方文书档案中也惊惶失措查询那个标签,
不过各大浏览器对那些标签的支撑越发好。

<!--滚动方向-->
<marquee>骑着马儿看着灯</marquee>
<marquee direction="right">骑着马儿看着灯</marquee>
<marquee direction="up">骑着马儿看着灯</marquee>
<marquee direction="down">骑着马儿看着灯</marquee>
<hr>
<!--设置滚动速度-->
<marquee scrollamount="1">骑着马儿看着灯</marquee>
<marquee scrollamount="10">骑着马儿看着灯</marquee>
<!--设置滚动次数-->
<marquee loop="10">骑着马儿看着灯</marquee>
<!--设置滚动类型-->
<marquee behavior="slide">骑着马儿看着灯</marquee>
<marquee behavior="alternate">骑着马儿看着灯</marquee>

base标签

  • 为页面上全部的a标签设置跳转格局

字符实体

一.在HTML中对空格/回车/tab不灵动,
会把两个空格/回车/tab当做二个空格来拍卖。
二.什么是字符实体?
在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有非凡含义的,
是不能够在浏览器中直接呈现出来的,
那么那些东西要想显示出来就务须通过字符实体。
3.大面积的实业字符:

图片 2

QQ截图20170624195808.png

ul和li标签

  • ul是冬辰列表,li是概念列表项目
  • ul中的type属性的值:
    1. circle : 空心小圆圈
    2. square : 方块
    3. disc : 实心小圆圈

ol有连串表标签

  • ol是一动不动列表
  • ol中的type属性的值:
    1. a : 以a b c..的形式
    2. 1 : 以1 2 3..的形式
    3. A : 以A B C..的形式
  • ol中的start属性表示序号从几伊始

dl和dt自定义列表标签

<dl>
            <dt>帮助中心</dt>
            <dt>在线客服</dt>
            <dt>订单操作</dt>
        </dl>

table表格标签

<table border="1" width="500" height="300" cellspacing="0" cellpadding="20" align="center">
            <caption>表头</caption>
            <tr align="center">
                <td colspan="2">张三</td>
                <td>18</td>
                <td rowspan="3">挖掘机</td>
            </tr>
            <tr>
                <td>马六</td>
                <td>19</td>
                <td>.net</td>
            </tr>
</table>
  • caption:定义表格的表头
  • border:规定表边框的粗细(宽度)
  • width:表的幅度
  • height:表的可观
  • cellspacing:规定单元格之间的空域
  • cellpadding:规定单元边沿与其内容之间的空白
  • align:表格相对周边成分的对齐格局
  • bgcolor:表格的背景象
  • colspan:很同1行上的单元格
  • rowspan:合并同一列上的单元格
  • bordercolor:边框的颜料
  • valign:内容的对齐垂直对齐方式

th表格标题的签

  • 用法和td1样,可是文字会自动加粗水平居中对齐

thead、tbody、tfoot标签

  • thead:定义表格的表头;
  • tbody:表格主体(正文)
  • tfoot:定义表格的页脚

    <table border="1">
      <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
      </thead>
      <tfoot>
    <tr>
      <td></td>
      <td></td>
    </tr>
      </tfoot>
      <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
      </tbody>
    </table>
    

    日常四个联合使用

embed音乐标签

  • src:钦命音乐的发源
  • hidden:是不是隐藏播放器界面

marquee滚动标签

  • behavior属性设置滚动方式:
    • alternate:在两边之间来回滚动
    • scroll:由一端滚动到另一面,会另行
    • slide:由一端滚到另三头,不另行
  • direction属性设置滚动的大势
    • down:向下滚动
    • left:向左滚动
    • right:向右滚动
    • up:向上滚动
  • loop设置滚动的次数:-壹意味一贯滚动下去

DOCTYPE文书档案类型

  • 成效:告知浏览器采取的哪个种类标准
  1. HTML两种标准:
    • HTML Strict
      DTD:请求相比小心的HTML类型(不提倡使用被淘汰的价签)
    • HTML Transitional DTD:绝对而言比较规范不太严酷
    • Frameset DTD:使用框架时用到
  2. XHTML(相对HTML更严谨)

link标签

  1. 引用外部的css
  2. 引用title图片:
    <link rel="icon" href="1.icon">

meta标签

  • 效益:能够提供页面包车型地铁元新闻,比如比如搜索引擎和立异频度的讲述和关键词。
  1. <meta name="Generator" contect="">用来注脚变化学工业具
  2. <meta name="KEYWords" content="">向寻找引擎表明您的网页的关键词。
  3. <meta name="DEscription" content="你的名字">告诉引擎你的站点的造作的笔者
  4. <meta name="Robots" content="all|none|index|noindex|follow|nofollow">
    • all:文件将被寻找,且页面上的链接能够被询问;
    • none:文件将不被搜寻,且页面上的链接不可以被询问;
    • index:文件将被寻找;
    • follow:页面上的链接可以被询问;
    • noindex:文件将不被搜寻,但页面上的链接能够被询问;
    • nofollow:文件将不被寻找,页面上的链接能够被询问;

表单域

<form action="1.php" method="post">
        用户名:<input type="text" name="username" value="username" maxlength="8" />
        <br />
        <br />
        密&nbsp;码:<input type="password" name="pwd" value="pwd" max="20" />
        <br />
        <br />
        <input type="radio" name="gender" />男
        <input type="radio" name="gender" checked="checked" />女
</form>
  • action:处理新闻
  • method=”post|get”
    :get通过地点栏提供信息,安全性差;post通过1.php来处理新闻,安全性高。

input

  • maxlength:限制输入的字符长度
  • readonly:将输入框设置为只读状态(无法输入)
  • disable:未激活状态(无法使用)
  • name:当前输入框的标识
  • value:输入框的值
  • radio是单选,对个radio时,将name的值设为同一,但是落到实处单选效果
  • checked:设置暗中同意选中

select

<select>
    <optgroup label="北京市">
        <option>昌平区</option>
        <option>朝阳区</option>
        <option>海淀区</option>
    </optgroup>
    <optgroup label="广州市">
        <option>昌平区</option>
        <option>海淀区</option>
        <option>大兴区</option>
    </optgroup>
</select>
  • select:下拉列表
  • multiple:设置多选
  • option:下拉列表中的项
  • optgroup:分组,label是该组的叙说

多选框

<!-- 多选框 -->
<input type="checkbox" checked="checked" />喝酒
<input type="checkbox" checked="checked" />抽烟
<input type="checkbox" checked="checked" />打牌
  • checkbox是可选框,checked是选中

多创作本框

<textarea cols="30" rows="10"></textarea>

  • cols:规定文本框的可知文本行数
  • rows:规定文本的可知宽度

文件上传控件

<!-- 文件上传控件 -->
<input type="file" />

文本提交按钮

<!-- 文件提交按钮 -->
<input type="submit" />

图形按钮

<!-- 图片按钮 -->
<input type="image" src="按钮.jpg" />

重置按钮

<!-- 重置按钮 -->
<input type="reset" />

fieldest标签

<fieldest>
<legend>分组信息</legend>
...
</fieldest>
  • 对表单新闻进行分组
  • legend:表单消息分组名称

相关文章