定义打字机代码。

定义变量。

定义预格式文本。
保留文字本身格式

不赞成使用。使用 
 代替。

 
</p>
<p>不赞成使用。使用 <pre> 代替。</p>
<p>&nbsp;</p>
<p><xmp></p>
<p>不赞成使用。使用 <pre> 代替。</p>
<p>&nbsp;</p>
<p>标签</p>
<p>描述</p>
<p>个人理解</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_abbr.asp"><abbr></a></p>
<p>定义缩写。</p>
<p>如HTML</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_acronym.asp"><acronym></a></p>
<p>定义首字母缩写。</p>
<p>&nbsp;以首字母为缩写</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_address.asp"><address></a></p>
<p>定义地址。</p>
<p>文档或文章的联系信息（作者/拥有者）,通常以斜体显示</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_bdo.asp"><bdo></a></p>
<p>定义文字方向。</p>
<p>&nbsp;ltr左到右，rtl右到左反向显示</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_blockquote.asp"><blockquote></a></p>
<p>定义长的引用。</p>
<p>多句话,会自动进行缩进处理</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_q.asp"><q></a></p>
<p>定义短的引用语。</p>
<p>用双引号括起来</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_phrase_elements.asp"><cite></a></p>
<p>定义引用、引证。</p>
<p>&nbsp;著作的标题，斜体显示&nbsp;</p>
<p><a rel="nofollow noopener noreferrer" href="http://www.w3school.com.cn/tags/tag_phrase_elements.asp"><dfn></a></p>
<p>定义一个定义项目。</p>
<p>多种格式，建议用<abbr></p></div></div><div class="MuiGrid-root jss8 MuiGrid-item MuiGrid-grid-xs-true MuiGrid-grid-md-3"><div class="MuiTypography-root jss26 MuiTypography-body1"><div class="MuiTypography-root jss27 MuiTypography-body1"><canvas style="height:108px;width:108px" height="108" width="108"></canvas><div class="MuiTypography-root jss28 MuiTypography-body1"><p class="MuiTypography-root jss29 MuiTypography-body1">手机扫一扫</p><p class="MuiTypography-root jss29 MuiTypography-body1">移动阅读更方便</p></div></div></div><div class="MuiTypography-root jss9 MuiTypography-body1"><div class="MuiTypography-root jss30 MuiTypography-body1" style="height:150px"><div class="swiper-container jss32"><div class="swiper-pagination"></div><div class="swiper-wrapper"><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/aliyun"><img alt="阿里云服务器" class="jss31" src="https://article.cdnof.com/promotion/aliyun.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/tencent"><img alt="腾讯云服务器" class="jss31" src="https://article.cdnof.com/promotion/tencent.jpg"/></a></div><div class="swiper-slide jss32"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss32 MuiTypography-colorInherit" target="_blank" rel="nofollow noopener noreferrer" href="https://qd.rs/qiniu"><img alt="七牛云服务器" class="jss31" src="https://article.cdnof.com/promotion/qiniu.png"/></a></div></div></div></div></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiTypography-root jss33 MuiTypography-body1"><p class="MuiTypography-root jss34 MuiTypography-body1">你可能感兴趣的文章</p><div class="MuiList-root MuiList-padding" aria-label="main mailbox folders"><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorError" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/260c8598-1a05-4bf0-9c5f-020ebc9e5ad1">React组件设计之性能优化篇</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 8c0 1.11-.9 2-2 2h-2v2h4v2H9v-4c0-1.11.9-2 2-2h2V9H9V7h4c1.1 0 2 .89 2 2v2z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/a741cd2a-d91a-45b3-b959-78c389d7d188">这个 AI 机器人会怼人，它是怎么做到的？</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><svg class="MuiSvgIcon-root MuiSvgIcon-colorSecondary" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.01 3h-14c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4 7.5c0 .83-.67 1.5-1.5 1.5.83 0 1.5.67 1.5 1.5V15c0 1.11-.9 2-2 2h-4v-2h4v-2h-2v-2h2V9h-4V7h4c1.1 0 2 .89 2 2v1.5z"></path></svg></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/63b0c96a-eae0-4e5b-a3d4-1f11a1fa045b">SpringSecurity简明教程</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">4</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/8bbc8243-1389-406f-ac72-9ab75610f20c">使用 Laf 一周内上线美术狮 AI 绘画小程序</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">5</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/6b840a86-7cc2-412c-a33b-559d3d59c146">基于bert-base-chinese训练bert模型（最后附上整体代码）</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">6</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/d71ea3a8-40a6-4d58-a007-076f577cfa10">Intellij IDEA 插件开发</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">7</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/d17d8193-3292-4f48-8c13-fe8b5d5183af">《Web安全基础》03. SQL 注入</a></div><hr class="MuiDivider-root"/></div><div class="MuiTypography-root MuiTypography-body1"><div class="MuiButtonBase-root MuiListItem-root jss37 MuiListItem-gutters MuiListItem-button" tabindex="0" role="button" aria-disabled="false"><div class="MuiListItemIcon-root jss36"><p class="MuiTypography-root MuiTypography-body1">8</p></div><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover jss35 MuiTypography-colorInherit" target="_blank" href="https://v2as.com/article/106b6adc-8c3a-4cff-b47f-8b185d8dc4ca">在.NET Framework中使用RocketMQ（阿里云版）实战【第一章】</a></div></div></div></div></div></div></div></div><footer style="margin-top:30px"><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter">Copyright © <a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" href="https://v2as.com" title="哇哦，有大量工具等你探索">V2AS | 问路</a> <!-- -->2023<!-- --> <!-- -->.</p><p class="MuiTypography-root MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-alignCenter"><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit" rel="nofollow noopener noreferrer" href="https://beian.miit.gov.cn/">浙ICP备15029886号</a></p></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"article_id":"156f0bbc-7c15-4184-b421-615b187980af","title":"HTML学习笔记（二）HTML格式化","link":"","description":"很多标签都可以用来改变文本的外观，并为文本关联其隐藏的含义。总地来说，这些标签可以分成两类：基于内容的样式（content-based style）和物理样式（physical style）。\n一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义，而不是格式化。因此，它们对于自动处理来","image":"","keywords":["定义","笔记","标签","java","学习","HTML","样式","使用","文本","adsbygoogle"],"created_at":"2023-10-01T09:21:52.413Z","html":"\u003cp\u003e很多标签都可以用来改变文本的外观，并为文本关联其隐藏的含义。总地来说，这些标签可以分成两类：基于内容的样式（content-based style）和物理样式（physical style）。\u003c/p\u003e\n\u003cp\u003e一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的\u003cstrong\u003e格式\u003c/strong\u003e应用在文本上。基于内容的标签赋予含义，而不是格式化。因此，它们对于自动处理来说非常重要；计算机并不关心文档的外观如何。\u003c/p\u003e\n\u003cp\u003e二、物理样式可以让文本以某种特殊的方式来显示（例如斜体或加粗）。虽然其他文字处理系统的趋势是精确地控制样式和外观，但是在使用 HTML 或 XHTML 时，除非极少情况下，都应该避免使用物理标签。应当尽可能地向浏览器提供上下文信息，并使用基于内容的样式。尽管现在浏览器不过是以斜体或者粗体字来显示这些文本，但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。\u003c/p\u003e\n\u003cp\u003e简而言之，基于内容的样式关联含义，物理样式改变外观\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003cb\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义粗体文本。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003cbig\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义大号字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cem\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义着重文字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003ci\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义斜体字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003csmall\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义小号字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cstrong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义加重语气。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_sup.asp\"\u003e\u003csub\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义下标字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_sup.asp\"\u003e\u003csup\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义上标字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_ins.asp\"\u003e\u003cins\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义插入字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_del.asp\"\u003e\u003cdel\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义删除字。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_strike.asp\"\u003e\u003cs\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cdel\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_strike.asp\"\u003e\u003cstrike\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cdel\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_u.asp\"\u003e\u003cu\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用样式（style）代替。\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ccode\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义计算机代码。\u003c/p\u003e\n\u003cp\u003e不保留多余的空格和折行\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ckbd\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义键盘码。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003csamp\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义计算机代码样本。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_font_style.asp\"\u003e\u003ctt\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义打字机代码。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cvar\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义变量。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_pre.asp\"\u003e\u003cpre\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义预格式文本。\u003c/p\u003e\n\u003cp\u003e保留文字本身格式\u003c/p\u003e\n\u003cp\u003e\u003clisting\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cplaintext\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003cxmp\u003e\u003c/p\u003e\n\u003cp\u003e不赞成使用。使用 \u003cpre\u003e 代替。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e标签\u003c/p\u003e\n\u003cp\u003e描述\u003c/p\u003e\n\u003cp\u003e个人理解\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_abbr.asp\"\u003e\u003cabbr\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义缩写。\u003c/p\u003e\n\u003cp\u003e如HTML\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_acronym.asp\"\u003e\u003cacronym\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义首字母缩写。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;以首字母为缩写\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_address.asp\"\u003e\u003caddress\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义地址。\u003c/p\u003e\n\u003cp\u003e文档或文章的联系信息（作者/拥有者）,通常以斜体显示\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_bdo.asp\"\u003e\u003cbdo\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义文字方向。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;ltr左到右，rtl右到左反向显示\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_blockquote.asp\"\u003e\u003cblockquote\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义长的引用。\u003c/p\u003e\n\u003cp\u003e多句话,会自动进行缩进处理\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_q.asp\"\u003e\u003cq\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义短的引用语。\u003c/p\u003e\n\u003cp\u003e用双引号括起来\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003ccite\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义引用、引证。\u003c/p\u003e\n\u003cp\u003e\u0026nbsp;著作的标题，斜体显示\u0026nbsp;\u003c/p\u003e\n\u003cp\u003e\u003ca rel=\"nofollow noopener noreferrer\" href=\"http://www.w3school.com.cn/tags/tag_phrase_elements.asp\"\u003e\u003cdfn\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e定义一个定义项目。\u003c/p\u003e\n\u003cp\u003e多种格式，建议用\u003cabbr\u003e\u003c/p\u003e"},"seo":{"title":"HTML学习笔记（二）HTML格式化","description":"很多标签都可以用来改变文本的外观，并为文本关联其隐藏的含义。总地来说，这些标签可以分成两类：基于内容的样式（content-based style）和物理样式（physical style）。\n一、基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。基于内容的标签赋予含义，而不是格式化。因此，它们对于自动处理来","image":"","url":"https://v2as.com/article/156f0bbc-7c15-4184-b421-615b187980af","keywords":["定义","笔记","标签","java","学习","HTML","样式","使用","文本","adsbygoogle"]},"viewsCount":1,"promotionList":[{"title":"阿里云服务器","image":"https://article.cdnof.com/promotion/aliyun.jpg","link":"https://qd.rs/aliyun"},{"title":"腾讯云服务器","image":"https://article.cdnof.com/promotion/tencent.jpg","link":"https://qd.rs/tencent"},{"title":"七牛云服务器","image":"https://article.cdnof.com/promotion/qiniu.png","link":"https://qd.rs/qiniu"}],"similarKeywordsList":[{"article_id":"260c8598-1a05-4bf0-9c5f-020ebc9e5ad1","title":"React组件设计之性能优化篇","link":"","description":"我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。\n本文作者：空山\n前言\n由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化做了以下的分析，欢迎大家的交流\n我们在日常的项目开发中往往会把页面拆分成一个个的组件，通过拼装的方式来实现整体的页面效果，所以与其说去优化 React，不如聚焦在现","image":"","keywords":["组件","React","import","渲染","return","const","react","使用","性能","div"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"a741cd2a-d91a-45b3-b959-78c389d7d188","title":"这个 AI 机器人会怼人，它是怎么做到的？","link":"","description":"近期，机器人“Ameca”接入了 Stable Diffusion，它一边与旁边的人类工程师谈笑风生，一边熟练地用马克笔在白板上画出一只简笔的猫，最后还在白板右下角签名。\n\n当 Ameca 询问工程师是否对它的作品是否满意时，工程师回答“这画得有点简略了”。Ameca 生气地“怼”了回去：“如果你不喜欢我的画，可能只是不懂艺术”。\n\n大家也可以从图中 Ameca 皱起的眉头中，读出她的不满。现在人","image":"https://article.cdnof.com/2309/8513fe34-bc3d-45e3-b7a4-e5f5ff43d71c.png","keywords":["人工智能","AI","机器人","神经元","符号","学习","Moq","adsbygoogle","领域","智能"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"63b0c96a-eae0-4e5b-a3d4-1f11a1fa045b","title":"SpringSecurity简明教程","link":"","description":"SpringSecurity主要实现UserDetailsService来验证登录的用户信息，和Security的配置类来对登录方式和资源进行限制。\n案例包含利用数据库进行登录验证、URL访问限制、自定义登录页和利用ajax方式登录、实现自定义过滤器对验证码进行验证，完整代码在https://github.com/say-hey/springboot-security-concise\n\nUserD","image":"","keywords":["登录","public","验证码","response","return","new","password","conf","id","home"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"8bbc8243-1389-406f-ac72-9ab75610f20c","title":"使用 Laf 一周内上线美术狮 AI 绘画小程序","link":"","description":"“美术狮 AI 绘画”（以下简称“美术狮”），是我们小团队的一次尝试，定位是人人都可以上手的，充满创意的，理解中文和中国文化的图片生成工具。\n\n在完善图像模型和论证核心问题之后，我们开始构建 MVP（最小化可行产品）。MVP 的构建需要：\n实现快，开发周期较短\n模式轻，产品重点突出\n成本低，只投入较少的人力、物力\n这些目标，对于我们而言都是不小的挑战。得益于 Laf 的使用，从开发到第一个版本上线","image":"https://article.cdnof.com/2308/67a9a2bf-6e2e-4308-aefb-26931c4b6c06.jpg","keywords":["Laf","程序","美术","函数","开发","服务","cloud","import","微信","项目"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"6b840a86-7cc2-412c-a33b-559d3d59c146","title":"基于bert-base-chinese训练bert模型（最后附上整体代码）","link":"","description":"目录：\n　　一、bert-base-chinese模型下载\n　　二、数据集的介绍\n　　三、完成类的代码\n　　四、写训练方法\n　　五、总源码及源码参考出处\n一、bert-base-chinese模型下载\n　　对于已经预训练好的模型bert-base-chinese的下载可以去Hugging face下载，网址是：Hugging Face – The AI community building the","image":"https://article.cdnof.com/2308/c94727c4-434c-4639-a9ad-5eb5c1fcf2e2.png","keywords":["train","val","self","input","batch","模型","total","loss","output","label"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"d71ea3a8-40a6-4d58-a007-076f577cfa10","title":"Intellij IDEA 插件开发","link":"","description":"很多idea插件文档更多的是介绍如何创建一个简单的idea插件，本篇文章从开发环境、demo、生态组件、添加依赖包、源码解读、网络请求、渲染数据、页面交互等方面介绍，是一篇能够满足基本的插件开发工程要求的文章。\n如有疏漏欢迎指正，如想深入了解欢迎探讨。\n\nIntelliJ IDEA 与 IntelliJ Platform\nIntelliJ IDEA 简称 IDEA，是 Jetbrains 公司旗下","image":"https://article.cdnof.com/2308/b8657182-a728-4416-8d82-7d0936d726cc.image","keywords":["插件","com","class","intellij","action","public","plugin","IDEA","group","application"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"d17d8193-3292-4f48-8c13-fe8b5d5183af","title":"《Web安全基础》03. SQL 注入","link":"","description":"@\n\n目录\n1：简要 SQL 注入\n2：MySQL 注入\n2.1：信息获取\n2.2：跨库攻击\n2.3：文件读写\n2.4：常见防护\n3：注入方法\n3.1：类型方法明确\n3.2：盲注\n3.3：编码\n3.4：二次注入\n3.5：DNSlog 注入\n3.6：堆叠注入\n4：WAF 绕过\n4.1：WAF 简介\n4.2：绕过方法\n5：其他数据库注入\n5.1：Access\n5.2：Sql Server\n5.3：Po","image":"https://article.cdnof.com/2308/713f23cc-2a9a-4809-a867-5f90e53fb35a.jpg","keywords":["注入","SQL","数据库","sql","Web","语句","数据","select","表名","WAF"],"created_at":"0001-01-01T00:00:00Z"},{"article_id":"106b6adc-8c3a-4cff-b47f-8b185d8dc4ca","title":"在.NET Framework中使用RocketMQ（阿里云版）实战【第一章】","link":"","description":"章节\n第一章：https://www.cnblogs.com/kimiliucn/p/17662052.html\n第二章：\n\n作者：西瓜程序猿\n主页传送门：https://www.cnblogs.com/kimiliucn/\n\n\n在开发某一个需求的时候，领导要求使用RocketMQ(阿里云版) 作为消息队列。使用的版本是5.x，目前也已经没有4.x购买的入口了，所以只能买5.x系列。公司项目还是用","image":"https://article.cdnof.com/2308/ad6d3219-2f40-4470-8b9e-baa5b3ce62e8.png","keywords":["RocketMQ","string","消息","summary","队列","public","value","Ons","config","日志"],"created_at":"0001-01-01T00:00:00Z"}]},"__N_SSG":true},"page":"/article/[article_id]","query":{"article_id":"156f0bbc-7c15-4184-b421-615b187980af"},"buildId":"7EtL49Y65E8zx1NwcIC_o","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>