首页 > 综合资讯

html横线(超全面!html标签大全及用法,给你总结好了)

豆丁 综合资讯 2022-10-27 18:12:06

上节课我们已经学习了visual studio code工具的简单使用,那么接下来我们就深入学习关于HTML的相关知识。


1.HTML标签


1)<!DOCTYPE html>:位于HTML的第一行,表示的是文档的类型,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。


2)<p>:段落标签。通常成对出现,一个p标签代表着一个段落。


3)<br>:换行标签。通常单个出现,放置于想要换行的末尾。


html横线(超全面!html标签大全及用法,给你总结好了)

html横线(超全面!html标签大全及用法,给你总结好了)

4)<h1>:标题标签。跟标签一样也是成对出现,一个标签占据一行。

html横线(超全面!html标签大全及用法,给你总结好了)

html横线(超全面!html标签大全及用法,给你总结好了)


5)<h2>、<h3>、<h4>、<h5>、<h6>跟<h1>标签一样,字号依次变小,重要程度依次减弱。


6)<strong>:加粗标签。<em>:倾斜标签。<ins>:下划线标签。<del>:删除线标签。


html横线(超全面!html标签大全及用法,给你总结好了)

html横线(超全面!html标签大全及用法,给你总结好了)


7)<img src='链接的地址'>:图片标签。其中图片标签有两个属性,分别是alt和title。alt代表着替换文本,指的是当图片未加载成功时,显示的文字内容。title代表着,当鼠标滑过图片时,显示的文字内容


html横线(超全面!html标签大全及用法,给你总结好了)


8)<a href=''>:链接标签。有一个属性叫target,表示的是:是否在当前页面加载链接内容,默认值为在当前页面打开。当target的值为_self时,在当前页面打开;target的值为_blank时,在新页面打开。


html横线(超全面!html标签大全及用法,给你总结好了)

O(∩_∩)O

热门文章

Copyright©2022 吾尊时尚 www.wuzunfans.com 版权所有

声明 :本网站尊重并保护知识产权,欢迎各位作者创作优秀作品,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。闽ICP备11008833号-10  

邮件联系方式: toplearningteam#gmail.com (请将#换成@)