ol有连串表标签

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. 就算钦命了惊人, 系统会自行依据中度总结出宽度, 只要内定了大幅度,
    系统会自行依照宽度计算出惊人, 并且都是等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标签的语义是不另起一个段子换行,
    而在合营社支付中一般意况下需求换行都是因为必要另起一个段子,
    所以在公司花费中很少使用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标签必须有四个href属性, 不然a标签不理解要跳转到什么地点;
  3. 若是经过a标签的href属性钦命三个U福特ExplorerL地址,
    那么必须在地方后边加上http://或https://
  4. a标签的href属性除了能够钦命一个互连网地址以外,
    还能钦命八个当地地址。

HTML段落

  • 段落是由此<p>标签举办定义的。
  • 意义:用来标记当前页面上某1行文字为3个段落。

base标签:

base标签便是专门用来统1的钦定当前网页中具备的超链接(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标签

  • 作用:在页面上海展览中心示一条横线

列表标签

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

  1. 冬季列表(最多)(unordered list)
  2. 稳步列表(最少)(ordered list)
  3. 概念列表(其次)(definition list)
    严节列表成效:给一群数据添加列表语义,
    并且这一批数据中保有的数目都未曾先后之分。

格式

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

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

注意点

  1. 早晚要记住ul标签是用来给一堆数据添加列表语义的,
    而不是用来给他俩添加小圆点的;
  2. ul标签和li标签是多少个1体化, 是一个组合.
    所以1般景观下ul标签和li标签都以共同出现, 不会单个出现.
    也正是说不会单独选用1个ul标签只怕独立接纳3个li 标签,
    都以整合在壹起利用;
  3. 由于ul标签和li标签是1个组合, 所以ul标签中不推荐包蕴其余标签,
    也正是说未来您在ul标签中只会看到li标签。

选用场景
一.信息列表
二.货物列表
3.导航条

br标签

  • 作用:换行

报表标签

作用:用来给一批数据拉长表格语义。
骨子里表格是1种多少的表现情势, 当数据量相当大的时候,
表格这种表现方式被认为是无与伦比清楚的一种表现情势。
格式

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

报表标签中的table代表整个表格,
也正是一个table标签所包裹的内容正是一个报表
报表标签中的tr标签代表全部表格中的一行数据,
也便是说一对tr标签就是表格中的一行;
实在表格标签中的td标签表示表格中一行中的二个单元格,
相当于说1对td标签就是单排中的2个单元格。

注意点

  • 报表标签有二个边框属性, 那天性子决定了边框的宽度.
    暗许情状下这脾性格的值是0, 所以看不到边框;
  • 报表标签和列表标签一样, 它是3个结合标签,
    所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现。

属性

  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. 出于表格中存款和储蓄的数码相比复杂, 为了方便管理和读书以及升级换代语义,
    我们能够对表格中储存的多少开始展览分拣。
    报表中储存的数目能够分成四类:
  • 报表的标题(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;
  • 1经钦赐了thead和tfoot, 那么在改动总体表格的万丈时,
    thead和tfoot有协调暗中认可的中度, 不会趁着表格的莫斯中国科学技术大学学变化而变更;

合并单元格

  1. 水平方向上的单元格合并:
    可以给td标签添加八个colspan属性,
    来钦点把某3个单元格当做三个单元格来看待(水平方向)
    例如:

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

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

  1. 出于把某一个单元格当做了多个单元格来看待,所以供给删掉1些单元格才能健康突显;
  2. 毫无疑问要铭记单元格合并永远都以向后或者向下集合,而无法前进还是发展合并。
  3. 垂直方向上的单元格合并:
    能够给td标签设置多个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>

注意点:
1.暗许情形下单选框不会排斥,
要想单选框互斥那么必须给每七个单选框标签都安装多少个name属性,
然后name属性还非得设置同壹的值;
二.要想让单选框私下认可选中某2个框子,
那么能够给input标签添加八个checked属性;
叁.在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. 图表按钮:能够用内定图片作为按钮;
    成效:同普通按钮一样,可以合营JS来形成都部队分操作。

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

 <input type="reset" value="清空">
  1. 交由按钮:
    功用:将表单那种已经填写好的数码,提交到长途服务器。
    注意点:要想把填好的多寡交由到长途服务器,必须拥有多个规格:
  2. 内需给form表单添加二个action的性质,通过这一个action属性钦命须要付出到的服务器
    地址;
  3. 内需给必要付出到服务器的表单成分添加三个name属性。

<input type="submit">

隐藏域:
作用 : 同盟提交按钮将部分数量默默的私行的交由到服务器。

 <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. 绑定的格式:
    3.1 将文字应用label标签包裹起来
    三.2 给输入框添加2个id属性
    3.三在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列表标签添加一个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>

注意点:
一.下拉列表不能够输入内容, 可是足以一向在列表中选择内容;
二.方可因而给option标签添加一个selected属性来钦命列表的默许值;
三.方可由此给option标签包裹1层optgroup标签来给下拉列表中的数据分类。

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

<textarea>
</textarea>

注意点:
一.暗中认可情形下输入框能够极其换行;
2.暗许情况下输入框有和好的增加率和可观;
三.得以经过cols和rows来钦定输入框的幅度和冲天, 可是尽管内定了列数和行数,
不过还能够极其往下输入;
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样。

格式2存在的意义:
由于录制数据分外尤其的最主要,
所以中国共产党第五次全国代表大会浏览器厂商都不甘于协助别人的摄像格式,
所以导致了未有一种录像格式是拥有浏览器都协理的,那年W3C为了消除这一个题材,
所以推出了第3个video标签的格式,其设有的含义正是为了化解浏览器适配难点
video 成分帮助三种摄像格式,
我们能够把这两种格式都通过source标签钦点给video标签,
那么现在当浏览器播放录制时它就会从那二种中精选一种自身援助的格式来播音。

注意点:

  1. 近年来透过video标签的第二种格式固然能够钦点全体浏览器都帮衬的录像格式,
    但是想让拥有浏览器都通过video标签播放录制还有2个前提条件,
    正是浏览器必须支持HTML五标签, 不然如出壹辙无法播放;
  2. 在过去的某个浏览器是不辅助HTML伍标签的,
    所以为了让过去的局地浏览器也能够透过video标签来播音摄像,
    那么咱们之后能够经过八个JS的框架叫做html5media来促成。

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

<audio src="">
</audio>

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

注意点:
audio标签的使用和video标签的应用基本一致,
video中可见运用的习性在audio标签中山高校部都能够采用, 并且成效都如出壹辙
只但是有1个特性无法用,
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: 设置滚动次数, 暗中同意是-一, 也正是非凡滚动;
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当做贰个空格来拍卖。
2.什么样是字符实体?
在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:很同一行上的单元格
  • 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:由1端滚动到另3只,会另行
    • slide:由1端滚到另一面,不重复
  • 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的值设为同1,然而落到实处单选效果
  • 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:表单新闻分组名称