手机开发实战84——HTML介绍3

本文详细介绍了HTML的基本标签,包括文档结构标签如<html>,<head>,<body>,标题标签<h1>至<h6>,文本样式标签如<b>,<i>,<em>,链接标签<a>,图像标签<img>,表格标签<table>,<tr>,<td>等,以及表单元素<form>,<input>,<select>等,是HTML初学者的重要参考资料。" 21022007,437362,GTK图形界面刷新机制,"['GTK', '图形界面开发']
摘要由CSDN通过智能技术生成

基本标签参考

基本标签

  创建一个HTML文档 <html></html>

  设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

  设置文档的可见部分 <body></body>

  标

  将文档的题目放在标题栏中 <title></title>

文档整体属性

  设置背景颜色,使用名字或十六进制值 <body bgcolor=?>

  设置文本文字颜色,使用名字或十六进制值 <body text=?>

  设置链接颜色,使用名字或十六进制值 <body link=?>

  设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>

  设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?>

文本标签

  创建预格式化文本 <pre></pre>

  创建最大的标题 <h1></h1>

  创建最小的标题 <h6></h6>

  创建黑体字 <b></b>

  创建斜体字 <i></i>

  创建打字机风格的字体 <tt></tt>

  创建一个引用,通常是斜体 <cite></cite>

  加重一个单词(通常是斜体加黑体) <em></em>

  加重一个单词(通常是斜体加黑体) <strong></strong>

  设置字体大小,从17 <font size=?></font>

  设置字体的颜色,使用名字或十六进制值 <font color=?></font>

链接

  创建一个超链接 <a href="URL"></a>

  创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>

  创建一个位于文档内部的靶位 <a name="NAME"></a>

  创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

格式排版

  创建一个新的段落 <p>

  将段落按左、中、右对齐 <p align=?>

  插入一个回车换行符 <br>

  从两边缩进文本 <blockquote>

  </blockquote>

  创建一个定义列表 <dl></dl>

  放在每个定义术语词之前 <dt>

  放在每个定义之前 <dd>

  创建一个标有数字的列表 <ol></ol>

  放在每个数字列表项之前,并加上一个数字 <li>

  创建一个标有圆点的列表 <ul></ul>

  放在每个圆点列表项之前,并加上一个圆点 <li>

  一个用来排版大块HTML段落的标签,也用于格式化表 <div align=?>

图形元素

  添加一个图像 <img src="name">

  排列对齐一个图像:左中右或上中下 <img src="name" align=?>

  设置围绕一个图像的边框的大小 <img src="name" border=?>

  加入一条水平线 <hr>

  设置水平线的大小(高度) <hr size=?>

  设置水平线的宽度(百分比或绝对像素点) <hr width=?>

  创建一个没有阴影的水平线 <hr noshade>

表格

  创建一个表格 <table></table>

  开始表格中的每一行 <tr></tr>

  开始一行中的每一个格子 <td></td>

  设置表格头:一个通常使用黑体居中文字的格子 <th></th>

表格属性

  设置围绕表格的边框的宽度 <table border=#>

  设置表格格子之间空间的大小 <table cellspacing=#>

  设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

  设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %>

  设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>

  设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>

  设置一个表格格子应跨占的列数(缺省为1 <td colspan=#>

  设置一个表格格子应跨占的行数(缺省为1 <td rowspan=#>

  禁止表格格子内的内容自动断行回卷 <td nowrap>

窗框

  放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中 <frameset></frameset>

  定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <frameset rows="value,value">

  定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <frameset cols="value,value">

  定义一个窗框内的单一窗或窗区域 <frame>

  定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗框属性

  规定窗框内显示什么HTML文档 <frame src="URL">

  命名窗框或区域以便别的窗框可以指向它 <frame name="name">

  定义窗框左右边缘的空白大小,必须大于等于1 <frame marginwidth=#>

  定义窗框上下边缘的空白大小,必须大于等于1 <frame marginheight=#>

  设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto" <frame scrolling=VALUE>

  禁止用户调整一个窗框的大小 <frame noresize>

表单

  对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。

  创建所有表单 <form></form>

  创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目 <select multiple name="NAME" size=?></select>

  设置每个表单项的内容 <option>

  创建一个下拉菜单 <select name="NAME"></select>

  设置每个菜单项的内容 <option>

  创建一个文本框区域,列的数目设置宽度,行的数目设置高度 <textarea name="NAME" cols=40 rows=8></textarea>

  创建一个复选框,文字在标签后面 <input type="checkbox" name="NAME">

  创建一个单选框,文字在标签后面 <input type="radio" name="NAME" value="x">

  创建一个单行文本输入区域,size设置以字符计的宽度 <input type=text name="foo" size=20>

  创建一个submit(提交)按钮 <input type="submit" value="NAME">

  创建一个使用图象的submit(提交)按钮 <input type="image" border=0 name="NAME" src="name.gif">

  创建一个reset(重置)按钮 <input type="reset">

 

html语言介绍一览表:

  

标记

类型

译名或意义

作 用

备注

文件标记

 

 

 

 

<html>

文件声明

让浏览器知道这是 html 文件

 

<head>

开头

提供文件整体资讯

 

<title>

标题

定义文件标题,将显示于浏览顶端

 

<body>

本文

设计文件格式及内文所在

 

排版标记

 

 

 

 

<!--注解-->

说明标记

为文件加上说明,但不被显示

 

<p>

段落标记

为字、画、表格等之间留一空白行

 

<br>

换行标记

令字、画、表格等显示于下一行

 

<hr>

水平线

插入一条水平线

 

<center>

居中

令字、画、表格等显示于中间

反对

<pre>

预设格式

令文件按照原始码的排列方式显示

 

<div>

区隔标记

设定字、画、表格等的摆放位置

 

<nobr>

不折行

令文字不因太长而绕行

 

<wbr>

建议折行

预设折行部位

 

字体标记

 

 

 

 

<strong>

加重语气

产生字体加粗 bold 的效果

 

<b>

粗体标记

产生字体加粗的效果

 

<em>

强调标记

把文本定义为强调的内容

 

<i>

斜体标记

字体出现斜体效果

 

<tt>

打字字体

courier字体,字母宽度相同

 

<u>

加上底线

加上底线

反对

<h1>

一级标题标记

变粗变大加宽,程度与级数反比

 

<h2>

二级标题标记

将字体变粗变大加宽

 

<h3>

三级标题标记

将字体变粗变大加宽

 

<h4>

四级标题标记

将字体变粗变大加宽

 

<h5>

五级标题标记

将字体变粗变大加宽

 

<h6>

六级标题标记

将字体变粗变大加宽

 

<font>

字形标记

设定字形、大小、颜色

反对

<basefont>

基准字形标记

设定所有字形、大小、颜色

反对

<big>

字体加大

令字体稍为加大

 

<small>

字体缩细

令字体稍为缩细

 

<strike>

画线删除

为字体加一删除线

反对

<code>

程式码

字体稍为加宽如<tt>

 

<kbd>

键盘字

字体稍为加宽,单一空白

 

<samp>

范例

字体稍为加宽如<tt>

 

<var>

变数

斜体效果

 

<cite>

传记引述

斜体效果

 

<blockquote>

引述文字区块

缩排字体

 

<dfn>

述语定义

斜体效果

 

<address>

地址标记

斜体效果

 

<sub>

下标字

下标字

 

<sup>

上标字

指数(平方、立方等)

 

清单标记

 

 

 

 

<ol>

顺序清单

清单项目将以数字、字母顺序排列

 

<ul>

无序清单

清单项目将以圆点排列

 

<li>

清单项目

每一标记标示一项清单项目

 

<menu>

选单清单

清单项目将以圆点排列,如<ul>

反对

<dir>

目录清单

清单项目将以圆点排列,如<ul>

反对

<dl>

定义清单

清单分两层出现

 

<dt>

定义条目

标示该项定义的标题

 

<dd>

定义内容

标示定义内容

 

表格标记

 

 

 

 

<table>

表格标记

设定该表格的各项参数

 

<caption>

表格标题

做成一打通列以填入表格标题

 

<tr>

表格列

设定该表格的列

 

<td>

表格栏

设定该表格的栏

 

<th>

表格标头

相等于<td>,但其内之字体会变粗

 

表单标记

 

 

 

 

<form>

表单标记

决定单一表单的运作模式

 

<textarea>

文字区块

提供文字方盒以输入较大量文字

 

<input>

输入标记

决定输入形式

 

<select>

选择标记

建立 pop-up 卷动清单

 

<option>

选项

每一标记标示一个选项

 

图形标记

 

 

 

 

<img>

图形标记

用以插入图形及设定图形属性

 

连结标记

 

 

 

 

<a>

连结标记

加入连结

 

<base>

基准标记

可将相对 url 转绝对及指定连结目标

 

框架标记

 

 

 

 

<frameset>

框架设定

设定框架

 

<frame>

框窗设定

设定框窗

 

<iframe>

页内框架

于网页中间插入框架

ie

<noframes>

不支援框架

设定当浏览器不支援框架时的提示

 

影像地图

 

 

 

 

<map>

影像地图名称

设定影像地图名称

 

<area>

连结区域

设定各连结区域

 

多媒体

 

 

 

 

<bgsound>

背景声音

于背景播放声音或音乐

ie

<embed>

多媒体

加入声音、音乐或影像

 

其他标记

 

 

 

 

<marquee>

走动文字

令文字左右走动

ie

<blink>

闪烁文字

闪烁文字

nc

<isindex>

页内寻找器

可输入关键字寻找于该一页

反对

<meta>

开头定义

让浏览器知道这是 html 文件

 

<link>

关系定义

定义该文件与其他 url 的关系

 

stylesheet

 

 

 

 

<style>

样式表

控制网页版面

 

<span>

自订标记

独立使用或与样式表同用

 

  注:

  ● 表示该标记属围堵标记,即需要关闭标记如 </标记>。

  ○ 表示该标记属空标记,即不需要关闭标记。

  IE 表示该标记只适用于 Internet Explorer。

  NC 表示该标记只适用于 Netscape Communicator。

  反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1 目标检测的定义 目标检测(Object Detection)的任务是找出图像中所有感兴趣的目标(物体),确定它们的类别和位置,是计算机视觉领域的核心问题之一。由于各类物体有不同的外观、形状和姿态,加上成像时光照、遮挡等因素的干扰,目标检测一直是计算机视觉领域最具有挑战性的问题。 目标检测任务可分为两个关键的子任务,目标定位和目标分类。首先检测图像中目标的位置(目标定位),然后给出每个目标的具体类别(目标分类)。输出结果是一个边界框(称为Bounding-box,一般形式为(x1,y1,x2,y2),表示框的左上角坐标和右下角坐标),一个置信度分数(Confidence Score),表示边界框中是否包含检测对象的概率和各个类别的概率(首先得到类别概率,经过Softmax可得到类别标签)。 1.1 Two stage方法 目前主流的基于深度学习的目标检测算法主要分为两类:Two stage和One stage。Two stage方法将目标检测过程分为两个阶段。第一个阶段是 Region Proposal 生成阶段,主要用于生成潜在的目标候选框(Bounding-box proposals)。这个阶段通常使用卷积神经网络(CNN)从输入图像中提取特征,然后通过一些技巧(如选择性搜索)来生成候选框。第二个阶段是分类和位置精修阶段,将第一个阶段生成的候选框输入到另一个 CNN 中进行分类,并根据分类结果对候选框的位置进行微调。Two stage 方法的优点是准确度较高,缺点是速度相对较慢。 常见Tow stage目标检测算法有:R-CNN系列、SPPNet等。 1.2 One stage方法 One stage方法直接利用模型提取特征值,并利用这些特征值进行目标的分类和定位,不需要生成Region Proposal。这种方法的优点是速度快,因为省略了Region Proposal生成的过程。One stage方法的缺点是准确度相对较低,因为它没有对潜在的目标进行预先筛选。 常见的One stage目标检测算法有:YOLO系列、SSD系列和RetinaNet等。 2 常见名词解释 2.1 NMS(Non-Maximum Suppression) 目标检测模型一般会给出目标的多个预测边界框,对成百上千的预测边界框都进行调整肯定是不可行的,需要对这些结果先进行一个大体的挑选。NMS称为非极大值抑制,作用是从众多预测边界框中挑选出最具代表性的结果,这样可以加快算法效率,其主要流程如下: 设定一个置信度分数阈值,将置信度分数小于阈值的直接过滤掉 将剩下框的置信度分数从大到小排序,选中值最大的框 遍历其余的框,如果和当前框的重叠面积(IOU)大于设定的阈值(一般为0.7),就将框删除(超过设定阈值,认为两个框的里面的物体属于同一个类别) 从未处理的框中继续选一个置信度分数最大的,重复上述过程,直至所有框处理完毕 2.2 IoU(Intersection over Union) 定义了两个边界框的重叠度,当预测边界框和真实边界框差异很小时,或重叠度很大时,表示模型产生的预测边界框很准确。边界框A、B的IOU计算公式为: 2.3 mAP(mean Average Precision) mAP即均值平均精度,是评估目标检测模型效果的最重要指标,这个值介于0到1之间,且越大越好。mAP是AP(Average Precision)的平均值,那么首先需要了解AP的概念。想要了解AP的概念,还要首先了解目标检测中Precision和Recall的概念。 首先我们设置置信度阈值(Confidence Threshold)和IoU阈值(一般设置为0.5,也会衡量0.75以及0.9的mAP值): 当一个预测边界框被认为是True Positive(TP)时,需要同时满足下面三个条件: Confidence Score > Confidence Threshold 预测类别匹配真实值(Ground truth)的类别 预测边界框的IoU大于设定的IoU阈值 不满足条件2或条件3,则认为是False Positive(FP)。当对应同一个真值有多个预测结果时,只有最高置信度分数的预测结果被认为是True Positive,其余被认为是False Positive。 Precision和Recall的概念如下图所示: Precision表示TP与预测边界框数量的比值 Recall表示TP与真实边界框数量的比值 改变不同的置信度阈值,可以获得多组Precision和Recall,Recall放X轴,Precision放Y轴,可以画出一个Precision-Recall曲线,简称P-R
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值