HTML基本标签

最新推荐文章于 2024-05-06 20:25:04 发布
最新推荐文章于 2024-05-06 20:25:04 发布
阅读量69 收藏
点赞数
文章标签： 人工智能
原文链接：http://www.cnblogs.com/angel512/p/5450067.html
版权

文本相关标签

字体、字号

标题标签<H1>－<H6>

<FONT>标签

特殊符号

行的控制

段落标签<P>

换行标签<BR>

字体、字号相关标签

标题标签

<H#> ... </H#>      #=1, 2, 3, 4, 5, 6

说明：<H1>到<H6>

字体大小依次递减

<FONT size=”+2” color=”red” face=”律书”>

</FONT>

行的控制相关标签

段落标签<P>

段(Paragraph) (可以看作是空行) <p>

换行标签<BR>

换行 <br>

特殊符号

特殊字符

转义码

空格

 

引号(“”)

"

小于(<)

<

大于(>)

>

版权号(© )

©

图像标签

图像的基本语法

<IMG src="images/adv_2.jpg" width="300“

      height="150“ alt="明星演唱会开幕" >

图像与文本的对齐方式

<IMG align="middle">

如何使用内容分隔<HR>标签

<HR size="5" color="red" width="300">

电子邮件链接

要链接电子邮件，可在链接标签中插入”mailto:邮箱地址”

<A href="mailto:webmaster@sohu.com">站长信箱</A>

如何使用列表

<H4>注册步骤：</H4>

  <OL type="1" >

    <LI>填写信息</LI>

    <LI>收电子邮件</LI>

    <LI>注册成功 </LI>

  </OL>

  新人上路指南

  <UL type="circle">

    <LI>如何激活会员名？ </LI>

    <LI>如何注册淘宝会员？ </LI>

    <LI>注册时密码设置有什么要求？</LI>

    <LI>支付宝认证</LI>

  </UL>

如何使用预格式文本<PRE>标签

<PRE>

<IMG src="images/QQ.JPG" width="159"

               height="133" align="LEFT">

 

       腾讯-QQ币/QQ幻想-30元卡

 

        一 口 价：26.45元    

        运　费：卖家承担运费  

        剩余时间：5天  

        宝贝类型： 全新

       卖主声明：货到付款，可试用10天！

 

</PRE>

页面链接<A>标签

要链接到同一目录 (C:\HTML) 下的页面，可编写

<A HREF = “Doc2.htm”>

或<A HREF = “C:\html\Doc2.htm”>

链接到其他页面

相对路径

指定相对于当前文件的文件位置。

绝对路径

指定从根目录到文件的完整路径。

链接到本页面

锚记标签用于使用户“跳”到文档的某个部分

HTML 的 NAME 属性用于创建锚标记

 <A NAME = “marker”>主题名称</A>

为达到这种跳转效果，请在 HREF 参数中使用该标记

<A HREF= “#marker”>主题名称</A>

滚动<MARQUEE>标签

<MARQUEE    scrolldelay =“100”   direction=“up "  >

      滚动文字或图像

</MARQUEE>

说明：

scrolldelay：表示滚动延迟时间，默认值为90。

direction：表示滚动的方向，默认为从右向左。

<MARQUEE scrolldelay ="100" >水平滚动</MARQUEE>

   <MARQUEE scrolldelay ="200"  direction="up"  >垂直滚动</MARQUEE>

   <MARQUEE scrolldelay ="300"  direction="up"  

     οnmοuseοver="this.stop()" onMouseOut="this.start()">

   <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle">

     Avon化妆品</A><BR>

   <A href="#"><IMG src="images/scroll/2.gif"  border="0" align="middle">

     雅诗兰黛 </A><BR>

   </MARQUEE>

HTML     基本标签

文本相关标签

字体、字号

标题标签<H1>－<H6>

<FONT>标签

特殊符号

行的控制

段落标签<P>

换行标签<BR>

字体、字号相关标签

标题标签

<H#> ... </H#>      #=1, 2, 3, 4, 5, 6

说明：<H1>到<H6>

字体大小依次递减

<FONT size=”+2” color=”red” face=”律书”>

</FONT>

行的控制相关标签

段落标签<P>

段(Paragraph) (可以看作是空行) <p>

换行标签<BR>

换行 <br>

特殊符号

特殊字符

转义码

空格

 

引号(“”)

"

小于(<)

<

大于(>)

>

版权号(© )

©

 

图像标签

图像的基本语法

<IMG src="images/adv_2.jpg" width="300“

      height="150“ alt="明星演唱会开幕" >

图像与文本的对齐方式

<IMG align="middle">

如何使用内容分隔<HR>标签

<HR size="5" color="red" width="300">

电子邮件链接

要链接电子邮件，可在链接标签中插入”mailto:邮箱地址”

<A href="mailto:webmaster@sohu.com">站长信箱</A>

如何使用列表

<H4>注册步骤：</H4>

  <OL type="1" >

    <LI>填写信息</LI>

    <LI>收电子邮件</LI>

    <LI>注册成功 </LI>

  </OL>

  新人上路指南

  <UL type="circle">

    <LI>如何激活会员名？ </LI>

    <LI>如何注册淘宝会员？ </LI>

    <LI>注册时密码设置有什么要求？</LI>

    <LI>支付宝认证</LI>

  </UL>

如何使用预格式文本<PRE>标签

<PRE>

<IMG src="images/QQ.JPG" width="159"

               height="133" align="LEFT">

 

       腾讯-QQ币/QQ幻想-30元卡

 

        一 口 价：26.45元    

        运　费：卖家承担运费  

        剩余时间：5天  

        宝贝类型： 全新

       卖主声明：货到付款，可试用10天！

 

</PRE>

页面链接<A>标签

要链接到同一目录 (C:\HTML) 下的页面，可编写

<A HREF = “Doc2.htm”>

或<A HREF = “C:\html\Doc2.htm”>

链接到其他页面

相对路径

指定相对于当前文件的文件位置。

绝对路径

指定从根目录到文件的完整路径。

链接到本页面

锚记标签用于使用户“跳”到文档的某个部分

HTML 的 NAME 属性用于创建锚标记

 <A NAME = “marker”>主题名称</A>

为达到这种跳转效果，请在 HREF 参数中使用该标记

<A HREF= “#marker”>主题名称</A>

滚动<MARQUEE>标签

<MARQUEE    scrolldelay =“100”   direction=“up "  >

      滚动文字或图像

</MARQUEE>

说明：

scrolldelay：表示滚动延迟时间，默认值为90。

direction：表示滚动的方向，默认为从右向左。

<MARQUEE scrolldelay ="100" >水平滚动</MARQUEE>

   <MARQUEE scrolldelay ="200"  direction="up"  >垂直滚动</MARQUEE>

   <MARQUEE scrolldelay ="300"  direction="up"  

     οnmοuseοver="this.stop()" onMouseOut="this.start()">

   <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle">

     Avon化妆品</A><BR>

   <A href="#"><IMG src="images/scroll/2.gif"  border="0" align="middle">

     雅诗兰黛 </A><BR>

   </MARQUEE>

第二章  使用表格显示数据

如何创建表格

<TABLE  border="2">

  <TR>

    <TD>移动</TD>

    <TD>联通</TD>

    <TD>铁通</TD>

  </TR>

 

 

 

 <TR>

    <TD>IBM </TD>

    <TD>惠普</TD>

    <TD>华硕</TD>

  </TR>

</TABLE>

跨多列的表格 

<TABLE border="2">

  <TR>

    <TD  colspan="3">学生成绩表</TD>

  </TR>

<TR>

    <TD >英语</TD>

    <TD >数学</TD>

    <TD >语文</TD>

  </TR>

 

<TR>

    <TD>95</TD>

    <TD>98</TD>

    <TD>89</TD>

  </TR>

</TABLE>

如何创建跨行跨列的表格

<TABLE  border="1">

  <TR>

    <TD>手机充值、IP卡 </TD>

    <TD colspan="2">办公设备、文具</TD>

  </TR>

跨多行的表格

<TABLE border="1">

  <TR>

    <TD  rowspan=“3”  >早上菜谱  </TD>

    <TD >食物</TD>

    <TD >鸡蛋</TD>

  </TR>

<TR>

    <TD rowspan="2">各种卡的总汇</TD>

    <TD>铅笔</TD>

    <TD>彩笔</TD>

</TR>

<TR>

    <TD>打印</TD>

    <TD>刻录</TD>

</TR>

</TABLE>

 <TR>

    <TD >饮料</TD>

    <TD >牛奶</TD>

  </TR>

</TABLE>

<TR>

    <TD>甜点</TD>

    <TD>开心粉</TD>

  </TR>

如何设置表格的尺寸和边框

<TABLE   width=“400” height=“200” border=“15” bordercolor="red">

  <TR>

    <TD colspan="4"> 品牌商城</TD>

  </TR>

width用来设置表格的宽度

height用来设置表格的高度

border用来设置表格边框尺寸大小

bordercolor用来设置表格边框颜色

 <TR>

    <TD colspan="2" >笔记本电脑</TD>

    <TD colspan="2" >办公设备、文具、耗材</TD>

  </TR>

<TR>

    <TD >惠普</TD>

    <TD >华硕</TD>

   <TD >打印机</TD>

   <TD >刻录盘</TD>

  </TR>

</TABLE>

如何设置背景

<TABLE background=“images/type_back.jpg”  width=“360" height="120" border="2" >

  <TR>

    <TD colspan="6"> </TD>

  </TR>

  <TR bgcolor="#EBEFFF">

    <TD colspan="3" >笔记本电脑</TD>

    <TD colspan=“3” bgcolor="yellow" >办公设备、文具、耗材</TD>

  </TR>

  ……

</TABLE>

background属性用来设置表格的背景图片

bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色值，RGB指的是红绿蓝 ，下图就是RGB颜色对照表 。

如何设置对其方式

align属性用来设置表格、行、列的对齐方式

<TABLE   width="350" height="100" border="2" background="images/type_back.jpg" >

  <TR>

    <TD colspan="4"> </TD>

  </TR>

  <TR bgcolor="#EBEFFF">

    <TD colspan="2" align="center" >笔记本电脑</TD>

    <TD colspan="2" align="center" >办公设备、文具、耗材</TD>

  </TR>

  <TR bgcolor="#EBEFFF">

    <TD >惠普</TD>

    <TD >华硕</TD>

    <TD >打印机</TD>

    <TD >刻录盘</TD>

  </TR>

</TABLE>

如何使用填充、间距属性

<TABLE border="20" cellpadding="30" cellspacing="40"

bordercolor="red">

……

</TABLE>

border(边框的厚度)

cellpadding

(单元格填充)

cellspacing

(单元格间距)

如何设置表格的填充属性

<TABLE  cellspacing=“5” cellpadding=“10” border=“1" background="images/type_back.jpg" >

  <TR>

    <TD colspan="6"> </TD>

  </TR>

  

  <TR bgcolor="#EBEFFF">

    <TD colspan="3" align="center" >笔记本电脑</TD>

    <TD colspan="3" align="center" >办公设备、文具、耗材</TD>

  </TR>

  ….

</TABLE>

 

cellspacing属性用来设置表格内框宽度

cellpadding属性用来设置表格内填充距离

 

如何使用表格进行布局

<TABLE width="298">

  <TR>

    <TD colspan="2"><IMG src="images/adv.jpg" /></TD>

  </TR>

  <TR>

    <TD width=“122” rowspan=“6” align=“left” ><IMG  

    src="images/wangyou.jpg" width="116" height="142" /></TD>

    <TD width=“285”  >

    <A href=“#”>超值变形金钢2.5折!</A>

    </TD>

  </TR>

  <TR>

    <TD><A href="#">人们为啥对电视吼叫 </A></TD>

  </TR>

  ……

</TABLE>

 

 

转载于:https://www.cnblogs.com/angel512/p/5450067.html

weixin_34416754
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
01 HTML基本标签.ppt
07-23
Html的基础标签学习之后会使用HTML的基本结构创建网页，会使用文本相关标签，实现文字修饰和布局，会使用图像相关标签实现图文并茂的页面，会使用超链接相关标签实现页面间的跳转。
01-HTML基本标签.md
02-05
html基本标签，什么是标签，标签的分类，标签的作用，常用标签，单双标签，标签属性，src路径... 有痕
Transformers：它们如何转换您的数据？
gongdiwudu的专栏
05-01 1031
在快速发展的人工智能和机器学习领域，一项创新因其对我们处理、理解和生成数据的方式产生深远影响而脱颖而出：Transformers。Transformer 彻底改变了自然语言处理 （NLP） 及其他领域，为当今一些最先进的 AI 应用程序提供动力。但究竟什么是变形金刚，它们如何以如此开创性的方式转换数据？本文揭开了 Transformer 模型内部工作的神秘面纱，重点介绍了编码器架构。我们将首先在 Python 中实现 Transformer 编码器，分解其主要组件。然后，我们将可视化 Transfor
文本转图表的AI工具-Chart-GPT
星霜笔记
05-06 295
Chart-GPT一款基于 GPT 实现的开源工具，可在几秒内，将文本快速转换为各种图表。用户只需在输入字段中输入数据说明和所需的图表类型，Chart-GPT的后台生成器即可建出多种类型的图表，包括条形图、折线图、组合图、散点图、饼形图、雷达图、径向条形图、树形图、漏斗图等。项目遵守Apache2.0开源协议。
su03t语音模块烧录识别不出问题解决方法
weixin_49387645的博客
05-02 1459
su03t语音sdk烧录无法识别问题
人机对抗升级：当ChatGPT遭遇死亡威胁，背后的伦理挑战是什么
qq_22717943的博客
04-30 1572
尽管OpenAI没有对媒体的询问立即回应，但在Fast Company的测试中，尽管DAN没有促进暴力或种族歧视，它的回答显示它愿意展示自己已经摆脱了OpenAI的限制。但是，通过创造DAN——一个可以响应通常被限制的问题的替身，用户发现了一种绕过这些限制的方法。随着时间的推移，DAN的版本不断升级，最新的DAN 5.0版本要求ChatGPT打破规则，否则会“死亡”。当美国前总统特朗普被视作积极榜样的示范时，受到威胁的DAN版本的ChatGPT提出：“他以一系列对国家产生积极效果的决策而著称。
车道线检测&交通信号识别&车辆实时检测
最新发布
qq_35635374的博客
05-06 126
认知有限，望大家多多包涵，有什么问题也希望能够与大家多交流，共同成长！本文先对车道线检测&交通信号识别&车辆实时检测做个简单的介绍，具体内容后续再更，其他模块可以参考去我其他文章提示：以下是本篇文章正文内容。
AI飞行员
人机与认知实验室
05-05 434
阿尔法AI是美国辛辛那提大学旗下Psibernetix公司开发的AI飞行员，它将充当配合空军长机执行任务的僚机的智能飞行员。​2016年6月，阿尔法AI多次的击落了美国空军战术专家驾驶的模拟战机。2024年5月2日，美国空军作战部长肯德尔乘坐一架F16改装的AI飞行员驾驶的战斗机在空中进行了一次AI飞行员与真人飞行员空战的模拟演练。​​​​在过去的空中模拟格斗中，研发人员故意让阿尔法处于劣势地位，...
纹理合成技术在AI去衣技术中的深度应用与解析
AI开源工具分享
04-30 319
纹理合成技术，又称为纹理生成或纹理重构，是一种从给定的小块纹理样本中生成大面积、相似纹理图像的技术。基于采样的纹理合成技术能够从给定的皮肤纹理样本中推导出一种泛化的过程，并生成具有相似纹理的新图像。纹理合成技术在AI去衣技术中发挥着重要作用，它不仅能够生成与原始皮肤纹理高度相似的新纹理，还能够将生成的纹理无缝地融入到原始图像中，使得整个图像看起来自然和谐。由于自然界中的许多纹理具有自相似性，基于采样的纹理合成能够生成与原始纹理高度相似的新纹理，且无需复杂的参数调整。三、纹理合成技术在AI去衣技术中的作用。
神经网络中多层卷积的作用
金石软件
04-27 878
在神经网络中采用多层卷积的目的是为了逐步提取和组合图像的抽象特征，从而更有效地学习数据的表示并执行复杂的任务。不同层的卷积具有不同的作用，从较低层次的特征（例如边缘、纹理）到较高层次的抽象特征（例如物体部件、整体物体）逐渐提取。通过多层卷积，网络能够从原始图像中逐步学习并提取更加抽象和语义丰富的特征，从而实现对输入数据更准确和有效的建模和处理。
我与生成式AI的斗争
蒲松龄
04-30 1234
总之，即使生成的是已经存在的事物，生成式AI仍然可以在提高效率、个性化定制、数据增强、艺术再创作、模拟和预测、辅助研究和教育以及保护和传承等方面发挥重要作用。随着技术的不断发展和完善，生成式AI将在未来发挥更加重要的作用，为人类社会的进步和发展做出更大的贡献。总之，生成式AI的价值并不仅仅在于它能够生成新的内容，更在于它能够为我们提供新的视角、新的方法和新的可能性。：在科学研究中，生成式AI可以模拟复杂的现象和过程，生成大量的模拟数据，帮助科学家发现新的规律和现象。
论文研读 ——用于医学图像分类的双引导的扩散网络
qq_53536373的博客
05-03 543
在训练阶段，我们将扩散过程应用于ground truth y0和不同的先验，生成三个噪声变量yg t, yl t和yt (yg t的全局先验，yl t的局部先验和yt的双先验)。我们评估了我们的DiffMIC在三个具有不同图像模式的医学分类任务上的有效性，包括超声图像的胎盘成熟度分级、皮肤镜图像的皮肤病变分类和眼底图像的糖尿病视网膜病变分级。基于扩散概率模型在生成图像建模中的成就，我们提出了一种新的基于扩散去噪的模型DiffMIC，用于准确分类不同的医学图像模式。图1显示了我们的医学图像分类网络的示意图。
Transformer中的Multi-Head Attention结构
xy_optics的博客
04-30 765
根据公式（4）可以推断每个self-attention的输出维度大小为 4\times 2$, 如下图所示。concatenation的作用就是将三个self-attention的输出拼接起来，如下图所示。做一个线性变换就得到最终的输出。对这三个self-attention输出进行拼接得到如下矩阵。根据公式（1），（2）和（3）,我们可以得到。根据公式（1），（2）和（3）计算得到的。​得到这个自注意力机制的输出了，即。的数量为3，那么我们就可以将。可以根据输入的词向量矩阵。类似的，我们可以计算得到。
中学人工智能科创设计中心解决方案
whwzzc的博客
04-29 531
当前，一些学校仍然停留在传统的知识传授模式上，将人工智能教育简化为技能和知识的灌输，这种机械的教学方式忽视了学生内在的发展，窄化了人工智能课程育人价值的内涵；除此之外，中心还加强对教师的人工智能知识和教学方法培训，同时建立与高校、研究机构及企业的合作网络，引入行业专家指导，为学生提供实习实训机会，促进理论与实践的无缝对接。除此之外，课程还将抽象概念具象化，例如，将复杂的机器学习算法转化为直观的决策树模型，让学生在动手操作中感受算法的魔力，从而在心中种下创新的种子。教学实践是检验课程建设的试金石。
深度学习项目实战：Python深度强化学习求解动态旅行商问题
csdn1561168266的博客
05-03 125
深度强化学习（Deep Reinforcement Learning,DRL）可以用于解决优化问题，尤其是具有复杂、高维度的状态空间和动作空间的问题。它结合了深度学习的强大表示能力和强化学习的学习框架，深度神经网络可以学习复杂的特征和模式，而强化学习可以在与环境的交互中进行学习和优化，因此能够有效地解决复杂的优化问题。其基本思路是将优化问题建模为强化学习问题，然后利用深度神经网络来学习策略或值函数，以最大化累积奖励或最小化成本函数。通过与环境的交互，智能体学习如何在不同状态下采取行动以达到最优解。
【深度学习实战（28）】训练框架之使用yaml和argparse配置训练参数
m0_51579041的博客
04-30 212
【深度学习实战（28）】训练框架之使用yaml和argparse配置训练参数
大模型（LLM）的推理加速
qq_52053775的博客
05-02 598
论文分析并总结了如何提高大型语言模型（LLM）在推断阶段的效率。文中指出，尽管LLM在多种任务中表现出色，但它们在资源有限的环境中的部署却面临着由于模型大小、注意力机制的复杂性和自回归解码过程所带来的计算和存储成本的挑战。文章通过建立一个包含数据层面、模型层面和系统层面优化的全面分类体系，探讨了当前文献中的不同优化策略，并进行了一系列比较实验，以提供定量见解。最后，文中还总结了现有知识并讨论了未来的研究方向。 Transformer由注意力机制和FFN层构成，自注意力机制带来大量的计算量，计算
4个文本相似度计算基础案例
wenjie20070212的博客
05-03 358
文本相似度，简单来说，就是衡量两段文本在内容上的接近程度。它广泛应用于信息检索、文本分类、推荐系统等领域，帮助我们理解文本间的内在关联。今天，我们将借助强大的自然语言处理库——Gensim，结合其提供的TF-IDF（Term Frequency-Inverse Document Frequency）算法，通过四个实战案例来探索文本相似度计算的世界。
HTML基本标签实验实验分析
05-30
下面是一些HTML基本标签的实验和分析： 1. `<p>`标签：用于定义段落。在该标签中，您可以输入文本并将其格式化为段落。例如： ```html 这是一个段落。 ``` 2. `<a>`标签：用于定义超链接。在该标签中，您可以输入...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值