

上元君又来了,最近不少小伙伴在后台给上元君留言要求讲点技术贴,那本次就是技术贴来了。这次讲的是一个文本标签,小伙伴别光看,可以动手练习下看看哦!看看是不是跟上元君给出的答案一样呢!代码一定要多动手练习才行,光看是没有用滴!
文本标签
超链接标签
<html>
<body>
<a href=”http://www.baidu.com” target=”_blank”>百度</a>
</body>
</html>
HTML 链接 - name 属性,可以使用 name 属性创建 HTML 页面中的书签,书签对于读者而言是不可见的。当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,就相当于目录搜索内容一样,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字,也可以使用 id 属性来替代 name 属性,命名锚同样有效。
<html>
<body>
<p>
<!-- 点击查看Chapter 4就会滚动上来 -->
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
基本文本标签
<html>
<body>
<i>我是斜体文本标签</i>
<b>我是粗体文本标签</b>
<strong>我是加强语气的粗体文本标签</strong>
<sup>我是上标文本</sup>
<sub>我是下标文本</sub>
</body>
</html>
---------------------
以上就是2个小demo,小伙伴们学会了吗?有对前端技术贴感兴趣的小伙伴,可以关注上元IT公众号,里面有很多IT技术贴。另外如果对前端不了解?想升职加薪的?转行没方向的?那么,Web前端一定是首选,只要年龄在28周岁以下,全日制大专学历及以上,欢迎随时来上元IT咨询,一定会给大家一个满意的答复!!!
南通上元联系人:周老师
联系电话:15051257934(微信同号)
学校地址:南通市崇川区中南世纪城20号楼906室 上元教育