web前端HTML常用标签代码分享

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>

现在实现前端的效果是越来越多，对于Web前端开发人员的要求也越来越高。在本文中小编向大家主要展示在Web前端开发中一些有用的标签代码

1.字体

a.基础概念

倾斜标记： | (两者显示一样，故不必纠结具体区别)

加粗标记： | （同上）

下划线标记：

空标记.字体换行：

空标记.做水平线：<hr/>

段落标记：

b.页面代码及显示效果

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    
    <!--字体大小-->
    <h1>WEB前端html标签</h1>
    <h2>WEB前端html标签</h2>
    <h3>WEB前端html标签</h3>
    <h4>WEB前端html标签</h4>
    <h5>WEB前端html标签</h5>
    <h6>WEB前端html标签</h6>  
    
    <p>段落标记</p>  
    
    <!--字体标记-->
    <p>
      <i>(一)倾斜标记</i>
      <em>(二)倾斜标记(两者效果基本相同，不必深究细节)</em>
    </p>    
    <p>
      <b>(一)加粗标记</b>
      <strong>(二)加粗标记(两者效果基本相同，不必深究细节)</strong>
    </p>    
    <p>
      <u>下划线标记</u>
    </p>    
    <!--空标记.字体换行-->
    <br /> 
    
    <!--空标记.做水平线-->
    <hr />     
      
  </body>
</html>

2.字符实体

当在html中对部分文字用<>进行强调时，如<北京、上海>。在大量的代码中左右尖括号会对代码产生影响，故需要对一些特殊字符进行编码，避免出现其他问题。

不换行空格：&nbsp；

右尖括号：&gt；

右尖括号：&lt；

备案中图标：&copy；

3.div和span标签

div标签：div是一个双标签，起始标签是<div>,末尾标签是</div>中间可以添加文字、图片、以及其他标签，div可以包容一切所以一般都称他为盒子模型。让内容包裹在DIV内，实现各式各样的美化，比如对div设置边框，这样内容就有边框样式、对div设置字体颜色这样对应DIV内字体就有了各式各样的颜色；对div设置背景颜色或背景图片，这样内容就有了漂亮的css背景。

span标签：span标签通常使用来将文本的一部分或者文档的一部分独立出来，从而对独立出来的内容设置单独的样式。

4.链接和插入

超链接：<a href="url" alt="出错后显示文本" title="鼠标移上去显示文本"> 链接文本/图片 </a>

空链接：<a href="#"></a>

插入图像：<img src="目标文件路径(最好相对路径)" alt="图片时效显示文本" title="鼠标移上去显示文本"

以上就是“web前端HTML常用标签代码分享”的详细内容，想要了解更多web前端内容欢迎持续关注编程学习网

扫码二维码 获取免费视频学习资料

Python编程学习

查看2022高级编程视频教程免费获取