HTML 部分标签解说

最新推荐文章于 2021-03-08 22:36:25 发布
最新推荐文章于 2021-03-08 22:36:25 发布
阅读量156 收藏
点赞数
分类专栏： HTML 文章标签： HTML 标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jie310600/article/details/84815836
版权
[b]HTML 部分标签解说[/b]


[b]<q>[/b]
<q> 元素定义短的引用
浏览器通常会为 <q> 元素包围引号。

实例: 
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>
输出：
WWF 的目标是"构建人与自然和谐相处的世界。"



[b]<code>[/b]
<code> 元素不保留多余的空格和折行
实例 
<!DOCTYPE html>
<html>
<body style="font-size:16px">

<p>code 元素不保留多余的空格和折行：</p>

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

</body>
</html>

输出:
code 元素不保留多余的空格和折行：

var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }



<pre>
<!DOCTYPE html>
<html>
	<body style="font-size:16px">
	<p>code 元素不保留多余的空格和折行：</p>
	<p>如需解决该问题，您必须在 pre 元素中包围代码：</p>
	<code>
	<pre>
	var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

</body>
</html>

输出:
code 元素不保留多余的空格和折行：

如需解决该问题，您必须在 pre 元素中包围代码：

 var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}



[b]HTML 注释标签[/b]
<!-- Write your comments here -->
浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。


[b]图像背景[/b](在body中加入background属性) 
<html>
	<body background="/i/eg_background.jpg">
	<h3>图像背景</h3>
	</body>
</html>



[b]<img>(图像)[/b] 
<img src="/i/eg_mouse.jpg" width="200" height="200" align="bottom" alt="移到图片时提示内容" usemap="#planetmap">


<html>
<body>
<h2>未设置对齐方式的图像：</h2>
<p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p>
<h2>已设置对齐方式的图像：</h2>
<p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p>
<p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p>
<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
</body>
</html>

<p>
	您也可以把图像作为链接来使用：
	<a href="/example/html/lastpage.html">
		<img border="0" src="/i/eg_buttonnext.gif" />
	</a>
</p>



[b]<map>[/b]
定义一个客户端图像映射,图像映射（image-map）指带有可点击区域的一幅图像。

图像地图

area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

map提供一个集合，area 提供的是一个区域的定位

<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），
所以我们应同时向 <map> 添加 id 和 name 属性。 
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
	<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
	<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
	<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>


<!DOCTYPE html>
<html>
	<body>
	<p>请把鼠标移动到图像上，看一下状态栏的坐标如何变化。</p> //显示<a>里的href
	<a href="/example/html/html_ismap.html">
		<img src="/i/eg_planets.jpg" ismap />	//加入ismap
	</a>
	</body>
</html>



[b]<table>[/b]
<table>:定义表格
<caption>:定义表格标题。
<th>:定义表格的表头。(一列或一行的属性名)
<tr>:定义表格的行。(定义一行)
<td>:定义表格单元。(一人单元格的内容)
<thead>:定义表格的页眉。
<tbody>:定义表格的主体。
<tfoot>:定义表格的页脚。
<col>:定义用于表格列的属性。
<colgroup>:定义表格列的组。 

<table
border="1" 		//border边框大小
bgcolor="red"		//
background="/07.gif" 	//表格添加背景颜色或背景图像，也可向td设置,
frame="box"		//"frame" 属性来控制围绕表格的边框.
cellspacing="10"	//单元格间距,单元格间距增加单元格之间的距离。
cellpadding="10">	//单元格填充来创建单元格内容与其边框之间的空白。
<caption>我的标题</caption>
<tr>
  <th colspan="2">姓名</th> //横跨两列的单元格
  <th rowspan="2">电话</th> //横跨两行的单元格
  <th>电话</th>
</tr>
<tr>
  <td align="left">Bill</td> //排列内容(左对齐)
  <td>555</td>
  <td>555</td>
</tr>
</table>



[b]HTML 列表[/b]
<ul>无序列表
<ol>有序列表
<li>定义列表项
<dl>定义列表,每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。 

<ol>
	<li>Coffee</li>
	<li>Milk</li>
</ol>

<dl>
	<dt>Coffee</dt>
	<dd>Black hot drink</dd>
	<dt>Milk</dt>
	<dd>White cold drink</dd>
</dl>



[b]HTML Iframe[/b] 
<iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe> //设置属性值为 "0" 就可以移除边框



[b]HTML 颜色[/b]
Color HEX:#0000FF
Color RGB:rgb(0,0,255)
颜色名:green
jie310600
关注
专栏目录
Struts标签 解说和练习
04-26
本教程将详细解说Struts标签的使用，并提供实战练习，帮助开发者更好地理解和掌握这一技术。 一、Struts标签简介 Struts标签库是Apache Struts框架的一部分，它提供了丰富的标签来处理常见的JSP任务，如显示和隐藏...
HTML+CSS+JS+Jquery面试题
小落的博客
07-20 1211
HTML+CSS+JS+Jquery面试题 1、CSS中 link 和@import 的区别 Link属于HTML标签，@import是css提供的，只能用来加载css 页面加载时link会同时加载，@import引用的css会在页面加载完加载 Link没有兼容问题 Link的权重高于@import 当使用js控制 DOM 去改变样式的时候，只能使用 link 方式 2、请列举设置和获取HTML、文本和值的方法 1)Html()方法：类似于JS中的innerHtml属性，可以用来读取或设置某个元素的HTML
使用jQuery+html表白代码
热门推荐
程 序 猿的博客
08-08 1万+
虽然七夕刚过，但是表白什么都不迟，在这里我就搞了一点代码，献给大家 代码如下： <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>心形文字</title> <meta ht...
JS题库
qq_43198747的博客
01-21 1万+
  选择题 1、 JavaScript脚本语言的前身是 （    ） A.Basic     B.Live Script   C.Oak   D.VBScript 答案：B    难度   容易 2、 以下哪个不是javascript语言的特点：（  ）       A. 基于对象  B. 跨平台 C. 编译执行 D. 脚本语言 答案：C 难度   容易 3标记符title是放在...
HTML基础—高级
举目沧桑的博客
03-08 1538
一个网页，可以从功能上将其分为头部和主体两部分 页面的头部是指由< head>< /head>所包含的部分，主要用于设计当前网页的网页标题，字符集，关键字，描述信息等内容 页面的头部标记 标记 描述 title 设定显示在浏览器标题栏中的内容 meta 定义网页的字符集，关键字，描述信息等内容 style 设置CSS层叠样式表的内容 link 设置对外部CSS文件的连接 script 设置页面脚本或链接外部脚本文件 1.标题标记< ..
html的相关资料 一些详细的解说
01-11
接着是<html>标签，它是整个文档的根元素，包含和两个主要部分。部分存储元信息，如页面标题、字符集设置等；部分则包含用户在浏览器中看到的实际内容。 二、HTML标签 HTML标签是HTML文档的核心，它们告诉浏览器...
JS实现的简单标签点击切换功能示例
10-19
在hd部分，有多个标签，每个标签代表一个可切换的标签。在bd部分，每个标签对应hd中的一个标签，代表一组内容。通过CSS设置，使得默认情况下，某个是可见的，其余的则不可见。 5. JavaScript脚本实现逻辑 通过获取...
jsp 语法大全详细解说
04-23
JSP页面由两部分组成：静态内容（HTML、CSS、JavaScript）和动态脚本元素。动态元素包括指令（Directives）、脚本元素（Scripting Elements）以及声明（Declarations）。 - **指令**（Directives）如`...
旅游度假咨询企业网站html静态模板
12-04
3. `jdjs.html` - 可能是“景点介绍”或“旅游攻略”的页面，提供详细的旅游景点解说。 4. `yhzc.html` - “用户注册”或“会员中心”的可能性较大，允许访客注册账号，享受个性化服务。 5. `list.html` - 通常用于...
基于yolov3结合卡尔曼滤波匈牙利算法虚拟线圈的车流量检测python源码+项目说明.zip
09-21
本项目专注于视频基的车辆跟踪与流量统计，依托深度学习技术，实时追踪路面车辆动态并精准统计各车道车流量。该项目通过以下核心步骤高效处理输入视频数据： 高精度目标检测：采用YOLOv3模型，凭借其卓越的实时性与准确性，快速识别视频中的车辆目标，为后续追踪奠定坚实基础。 稳定目标追踪：集成SORT（Simple Online and Realtime Tracking）算法，结合卡尔曼滤波器预测车辆未来位置，同时运用匈牙利算法优化目标间的匹配，实现连续、稳定的车辆追踪，有效应对遮挡、交叉等复杂场景。 智能车流量统计：借鉴虚拟线圈概念，巧妙设计算法以监测穿越预设区域的车辆，自动计数并准确统计各车道车流量，为交通管理与分析提供可靠数据支持。 整体而言，本项目通过融合先进的目标检测与追踪技术，结合创新的流量统计方法，构建了一个高效、精准的实时车辆跟踪与流量统计系统，为智慧交通领域的发展贡献力量。
本科毕业设计--基于深度学习的人脸面部表情识别.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
雷电模拟器改成真机环境
09-21
在Android系统中，模拟器通常会被识别为非真实的设备，这可能导致某些应用或服务无法正常运行，尤其是那些需要硬件信息或root权限的应用。改真机环境意味着通过技术手段使模拟器的行为更接近真实的Android设备，包括模拟设备硬件信息、IMEI、MAC地址等，以绕过检测并提升兼容性。LSPSED（Linux System Property Setter and Editor）模块是Magisk的一个扩展，专门用于修改Android系统的系统属性。通过LSPSED，我们可以更改设备的各种系统属性，如设备型号、制造商信息等，这些修改对于使模拟器看起来更像真实设备至关重要。在使用过程中，还需要添加几个机型模块，这些模块通常包含了特定设备的系统配置信息，如设备代号、硬件信息等。通过安装这些模块，雷电模拟器可以模仿各种流行的Android设备，进一步提高应用的兼容性和真实性。
CenterNet 部署版本，便于移植不同平台（onnx、tensorRT、rknn、Horizon）
09-21
CenterNet 是一种用于目标检测的神经网络架构，它的核心思想是利用目标的中心点作为检测的关键信息。这种方法与传统的目标检测方法（如基于边界框的方法）有所不同，因为它不直接预测目标的边界框，而是预测目标的中心点坐标和目标的宽度与高度。 CenterNet 的主要特点包括： 1. **中心点预测**：网络输出目标的中心点坐标，以及目标的宽度和高度。 2. **热图（Heatmap）**：网络生成一个热图，其中每个像素点的值表示该点成为目标中心点的概率。 3. **回归任务**：除了中心点坐标，网络还需要预测目标的宽度和高度，这通常通过预测中心点周围的偏移量来实现。 4. **多任务学习**：CenterNet 通常会同时预测目标的类别、中心点坐标、宽度、高度以及目标的旋转角度（在某些变体中）。 5. **端到端训练**：CenterNet 可以直接在最终的目标检测任务上进行端到端的训练，无需复杂的区域提议网络（Region Proposal Network, RPN）或锚点（anchor）机制。 6. **高效性**：由于省略了传统目标检测中的一些步骤，CenterNe
CSP-J是计算机科学学科相关的青少年科技爱好者等级考试.docx
09-21
CSP-J是计算机科学学科相关的青少年科技爱好者等级考试，全称为青少年软件编程等级考试。以下是对CSP-J的详细介绍： 一、考试背景与目的 CSP-J考试是由全国青少年软件编程等级考试标准工作组制定，并得到中国电子学会的认可，旨在培养青少年计算机科学素养和编程能力。通过参加这一考试，青少年可以检验自己的学习成果，增强自信心和竞争力，同时为他们未来在计算机科学领域的深入学习和职业发展打下坚实的基础。 二、考试内容与形式 CSP-J考试主要面向入门级别的青少年，考察内容侧重于计算机基础知识和算法的理解。考试形式分为初赛（笔试）和复赛（机试），即CSP-J1与CSP-J2。 初赛（CSP-J1）：侧重于理论知识的考核，包括计算机基础知识、算法基本概念等，以笔试形式进行。 复赛（CSP-J2）：更侧重于上机编程能力的实践考察，要求参赛者在计算机上完成编程任务。 参赛者必须先参加初赛，并达到一定的分数方可参加复赛。 三、报名与参与 报名方式：CSP-J/S认证面向所有对计算机科学有兴趣的青少年开放，报名和认证过程均在网上进行。认证点由CCF（中国计算机学会）授权的CSP非专业级别省认证组
机械课程设计 X Y双坐标联动数控工作台设计(全套图纸).doc
最新发布
09-21
机械课程设计 X Y双坐标联动数控工作台设计(全套图纸).doc
基于BERT模型的深度学习中文文本分类实现，包含大约20000条新闻的训练和测试集，包装有简单HTTP接口可供调用。.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
MySQL数据库的安装教程与使用心得
09-21
MySQL数据库的安装教程与使用心得
直线的点斜式方程与斜截式方程.ppt
09-21
直线的点斜式方程与斜截式方程.ppt
HTML标签速查与功能详解：新手必备
本书提供了详尽的HTML标签速查表，将所有标签按照字母顺序排列，便于快速查找和理解。 速查表列出了438个核心HTML标签及其功能简介，例如： 1. `<a>`标签用于创建锚记或超级链接，支持不同类型的链接目标，如`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jie310600

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值