今天我来针对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前端的内容和示例
点赞加关注,学习不迷路,好,本次的学习就到这里啦!!!
我们下次再见喽!