web前端开发——标签一（注释、标题、段落、换行、格式、图片）

今天我来针对web前端开发讲解标签一

目录

html标签_标题&段落&换行

注释标签：Ctrl+/

标题标签：  h1-h6

段落标签：

换行标签:

格式标签

图片标签_src属性

---

html标签_标题&段落&换行

注释标签：Ctrl+/

Ctrl+/ ，用户可能会获取到注释标签

注释的原则:

•和代码逻辑一致

•尽量使用中文

•正能量

标题标签：<h1></h1>  h1-h6

标题标签有6个，h1-h6，数字越大，字体越小，字体也越来越细。标题标签是单独起一行的。

段落标签：<p></p>

P标签之前存在一个空隙。

当前的p标签描述的段落，前面还没有缩进。

自动根据浏览器宽度来决定排版。

Html内容首位处的换行，空格均无效。

在html中文字之间输出的多个空格只相当于一个空格。

Html中直接输入换行（回车）不会真的换行，只是一个空格

在段落标签内回车（enter）视为空格

换行标签:<br/>  

br是break的缩写，表示换行

br是一个单标签（不需要结束标签）

br标签不像p标签一样带有很大的间隙

<br/>是标准写法，不建议写成<br>

换行标签换行之后间隙比段落标签间隙小

格式标签

加粗：strong标签和b标签

倾斜：em标签和i标签

删除线：del标签和s标签

下划线：ins标签和u标签

 <strong>stronng 加粗</strong><b>b 加粗</b><em>em 倾斜</em><i>i 倾斜</i><del>del 删除线</del><s>s 删除线</s><ins>ins 下划线</ins><u>u 下划线</u>

PS：

在Web开发中，标签用于给文本和内容添加语义信息和视觉样式。其中，对文本进行强调通常使用以下几种标签:

1.<strong>标签

<strong>标签用于表示文本的强调语义，通常浏览器会将其显示为粗体字体，这并不是其唯一作用，它的主要目的是为了强调文本的重要性，而不是仅仅通过视觉效果来实现。搜索引擎也会根据<strong>标签来

确定文本的重要性。

示例:

<p>This is<strong>important</strong>information.</p>

2.<em>标签:

<em>标签用于表示文本的强调语义，通常浏览器会将其显示为斜体字体。与<strong>不同的是<em>标签侧重于强调文本的语义重要性，而不是物理样式。搜索引擎也会根据<em>标签来确定文本的语气和情感强调。

示例:

<p>This is an<em>emphasized</em> text.</p>

3.<b>标签:

<b>标签用于表示文本的强调，通常浏览器会将其显示为粗体字体、与<strong>不同的是，<b>标签仅仅是对文本进行视觉上的加粗，而不会影响其语义重要性，因此，在语义上应优先使用<stong>或<emn>标签

示例:

<p>This is <b>bold</b> text.</p>

总结来说，Web开发中的这些标签不仅帮助开发者在视觉上强调文本，更重要的是它们提供了语义化的方式来描述文本的重要性或语气，从而使得网页内容更易于理解和被搜索引擎识别。

图片标签_src属性

img标签必须搭配着src使用（指定图片路径）

绝对路径

图片路径

网络上的图片路径

相对路径

./xxx.png 同一层路径的图片

./img/xxx.png 下一层路径的图片

../xxx.png  上一层路径的图片

少年没有乌托邦，心向远方自明朗！

如果这个博客对你有帮助，给博主一个免费的点赞就是最大的帮助❤
欢迎各位点赞，收藏和关注哦❤
如果有疑问或有不同见解，欢迎在评论区留言❤
后续会继续更新大连理工大学相关课程和有关web前端的内容和示例
点赞加关注，学习不迷路，好，本次的学习就到这里啦！！！

我们下次再见喽！