1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
2、在index.html中的
标签中，加入html代码：。
3、浏览器运行index.html页面，此时横线和竖向是差不多粗细的。
Html中span标签是什么？
span标签是超文本标记语言
html span标签的定义和作用： span标签是超文本标记语言（html）的行内标签，被用来组合文档中的行内元素。span没有固定的格式表现。当对它应用样式时，它会产生视觉上的变化。 < span>标签本身并不产生任何视觉效果。它只是提供一种途径，令对文档中的一部分进行引用。
HTML常用标签？
HTML常用标签有列表形快速布局、标题型、独立内容、段落标签
1.列表形快速布局
当大家想要列表型布局网站的时候，这时候大家就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然大家也要配合css去实现效果，可以实现循环的效果。
2.标题型
大家在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h2，h1和h2两种标签效果也是不一样的。
3.独立内容
在内容中，如果大家想把几个文字单独设置颜色，这时候大家就可以需要span标签，对字体单独设置样式。
4.段落标签
段落的标签大家可以使用p标签，在段落的开始加一个<p>,就可以实现段落的分明。
