首页 > 其他分享 >HTML笔记(2)

HTML笔记(2)

时间:2024-10-30 15:34:54浏览次数:4  
标签:标签 元素 笔记 HTML 粗体 内容 文本

该笔记为观看acwing(acwing.com) 后编写,其中部分内容转自acwing,如有侵权请联系我


HTML 基础标签

文本标签虽然很多,但大部分可看成是预定好样式的 <div><span>


div 标签

<div>元素 (或HTML文档分区元素) 是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。
其他块级标签例如:<h1>,<p>,<pre>,<ul>,<ol>,<table>


span 标签

<span>元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者ID属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span><div>元素很相似,但<div>是一个块元素而<span>则是 行内元素
其他内联标签例如:<i>,<b>,<del>,<ins>,<td>,<a>


h1 - h6 标签

HTML <h1><h6> 标题,(Heading)元素呈现了六个不同的级别的标题

<h1>级别最高,而 <h6>级别最低。(<h1>最大<h6>最小)


p 标签

HTML <p>元素(或者说HTML段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。另外,<p> 是块级元素。


pre 标签

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)


br标签

HTML <br> 元素在文本中生成一个换行(回车)符号。此元素在写诗和地址时很有用,这些地方的换行都非常重要。


hr 标签

HTML <hr> 元素表示段落级元素之间的主题转换(例如,一个故事中的场景的改变,或一个章节的主题的改变)。

HTML 的早期版本中,它是一个水平线。现在它仍能在可视化浏览器中表现为水平线,但目前被定义为语义上的,而不是表现层面上。所以如果想画一条横线,请使用适当的 css 样式来修饰。


i 标签

HTML 元素 <i> 用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等,它的内容通常以斜体显示。


b 标签

HTML 提醒注意(Bring Attention To)元素(<b>)用于吸引读者的注意到该元素的内容上(如果没有另加特别强调)。这个元素过去被认为是粗体(Boldface)元素,并且大多数浏览器仍然将文字显示为粗体。尽管如此,你不应将 <b> 元素用于显示粗体文字;替代方案是使用 CSS font-weight 属性来创建粗体文字。


del 标签

HTML<del>标签表示一些被从文档中删除的文字内容。比如可以在需要显示修改记录或者源代码差异的情况使用这个标签。<ins>标签的作用恰恰于此相反:表示文档中添加的内容。


ins 标签

HTML <ins> 元素定义已经被插入文档中的文本。

标签:标签,元素,笔记,HTML,粗体,内容,文本
From: https://www.cnblogs.com/zydow/p/18515921

相关文章

  • 代码大全2阅读笔记
    代码大全2阅读笔记《代码大全2》还是一本关于软件开发的全面指南,内容包括了代码质量、设计原则、构建发布、调试性能优化和实际案例经验。在这本书中,调试和性能优化这两个领域的重要性尤为突出,而作者通过实际案例和经验分享,向读者展示了如何将理论知识应用于实际工作中,并解决实际......
  • TS学习笔记(四)
    1.类型缩小(联合类型)对变量进行类型缩小,除了使用as断言外,还可以使用ifelse(switch也行)。如下functionprintId(id:number|string){if(typeofid==='string'){console.log(id.toUpperCase());}else{console.log(id);}}类型缩小是TS处理联合......
  • Vue学习笔记(十二)
    async与await1.asyncasync作为一个关键字放到声明函数前面,表示该函数为一个异步任务,不会阻塞后面函数的执行async函数里如果有异步过程会等待,但async函数本身会马上返回,不会阻塞当前线程。可以简单认为async函数工作在主线程,同步执行,不会阻塞界面渲染;async函数内部由awai......
  • 笔记本电脑组装及装配行业MES系统解决方案介绍
    一、笔记本电脑组装及装配行业为什么需要上MES系统?随着笔记本电脑市场的不断发展,消费者对产品的质量、性能和定制化需求不断提高,导致生产企业面临越来越多的挑战。笔记本电脑组装及装配行业具有多工序、多部件、多批次的特点,如何确保生产效率、提高产品质量、缩短交货周期成......
  • Vue学习笔记(十一)
    一.Promise1.异步异步:则是将耗时很长的A交付的工作交给系统之后,就去继续做B交付的工作,等到系统完成了前面的工作之后,再通过回调或者事件,继续做A剩下的工作。AB工作的完成顺序,和交付他们的时间顺序无关,所以叫“异步”。2.回调函数当一个函数作为参数传入另一个函数中,......
  • HTML(1)
    该笔记为观看acwing(acwing.com])后编写,其中部分内容转自acwing,如有侵权请联系我文档结构html的所有标签为树形结构,例如:<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=devi......
  • 【笔记】【Android】Manifest中的intent-filter使用
    【笔记】【Android】Manifest中的intent-filter使用笔记系列,内容是从网络搜索的结果,不一定是正确的理解。如果存在谬误,欢迎大家指正。intent-filter是为了标明Activity,Service或者BraodcastReceiver可以相应的intent类型。基本结构<activityandroid:name=".YourActivity"......
  • 算法学习笔记5: 排序算法
    排序算法归并排序时间复杂度O(nlogn)空间复杂度O(n),稳定排序就是给定两个有序数组,将两个数组合并在一起升序。定义一个更大的数组,给定两个指针分别指向两个数组,每次取较小值放入新数组。voidmergeSort(inta[],intl,intr){ if(l>=r)return; intmid=l+r>>1;......
  • 算法学习笔记6: 字符串
    字符串字符串哈希通过求解字符串前缀的哈希值的方式,可以比较字符串内任意字串的相等情况。首先需要把每个字符映射成数字,是什么无所谓(因为字符不好计算哈希值呀),然后类似于计算前缀和的方式,这里是计算h[i]表示前i个字符的哈希值。然后把要计算的每个前缀字符串看作是一个P......
  • 【笔记】【Android】Activity的Task模式
    【笔记】【Android】Activity的Task模式笔记系列,内容是从网络搜索的结果,不一定是正确的理解。如果存在谬误,欢迎大家指正。Task一个应用可能会包含多个Activity,管理这些Activity顺序的容器,就是Task。当Activity1拉起Activity2时,Task会将Activity2压栈,将显示Activity2的内容。......