html基础-标题标签-文字标签(2)
2020-02-06 03:57
471 查看
昨天说道了我的第一个网页,今天接着继续带大家深入,前期学习千万不要用代码工具哦!那样就少了深入了解的机会了哦!
一、大家都知道文章会有各种标题,网页其实也跟文章差不多也有专门来写标题的元素。
(1)、<h1></h1> 标题一,也是最大的标题,一个页面最好只有一个来突出重要性;
(2)、<h2></h2> 标题二
(3)、<h3></h3> 标题三
(4)、<h4></h4> 标题四
(5)、<h5></h5> 标题五
(6)、<h6></h6> 标题六,也是最小的,也是最后一个没有7、8、9.......
代码块
<html> <head> <title>标题</title> </head> <body> <h1>我是标题一</h1> <h2>我是标题二</h2> <h3>我是标题三</h3> <h4>我是标题四</h4> <h5>我是标题五</h5> <h6>我是标题六</h6> </body> </html>
效果
二、文章标题完了是不是该段落了,段落标签其实昨天就见到了,如果你有看。
(1)、<p></p> 这就是段落标签,也就是p标签。
代码
<html> <head> <title>标题和段落</title> </head> <body> <h1>我是标题</h1> <p>我是段落</p> </body> </html>
效果
三、我再来介绍段落中的文字标签,用来给文字添加各种效果。
(1)、<em></em> <i></i> 这两种都是文字斜体
(2)、<b></b> <strong></strong> 这两种都是文字加粗强调显示
(3)、<small></small> 文字缩小
(4)、<big></big> 文字放大
(5)、<s></s> <del></del> <strike></strike> 这三种删除线(一般出现在价格区域,原价和现价的比较,原价中间会有一条线,这就是实现那条线的)
(6)、<u></u> 文字下划线、
[注]:只要把你想要改变的文字包起来就OK啦!,这只是一些常用的还有好多,他们用法都一样,到时候查一下就好。
代码
<html> <head> <title>文字标签</title>
</head> <body> <h1>我是标题</h1> <p>我是<em>斜体1</em> 我是<i>斜体2</i></p> <p>我是<b>加粗1</b> 我是<strong>加粗2</strong></p> <p>我是<small>缩小文字</small></p> <p>我是<big>放大文字</big></p> <p>我是<s>删除线1</s> 我是<del>删除线2</del> 我是<strike>删除线3</strike></p> <p>我是<u>文字下划线</u></p> </body> </html>
效果
下次给大家说网页之间的超链接也就是跳转,和图片的引入网页中。因为涉及到到绝对路径与相对路径,初学这不太好理解,准好好整理下给大家说清楚点。
还有欢迎大家评论因为刚刚写博客,所以肯定有很多不好的地方希望大家多提意见。
转载于:https://www.cnblogs.com/durenlong/p/6973542.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- HTML入门篇 (上篇,文字,段落,图片,超链接和基础标签)
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- html基础介绍、基础标签以及文字样式
- HTML基础教程第3课-文字标签属性和文字布局相关知识
- HTML基础第三课(图片,段落,列表,超链接,标题标签)
- HTML-基础及一般标签
- HTML&CSS基础学习笔记1.24-input标签隐藏元素
- ASP.NET正则表达式提取网页网址、标题、图片实例以及过滤所有HTML标签实例
- HTML基础:META标签设置了utf-8还是乱码的问题
- html基础 为表格创建标题
- iOS 转换html标签文字
- HTML基础总结推荐(标题)
- jQuery基础 - 如何处理HTML标签属性
- html基础-文本、段落、列表标签
- HTML5基础知识(2)--标题标签的使用
- p div span 标签的区别 对HTMl基础进一步理解
- HTML:基础知识介绍和标签
- 前端基础-01-html标签
- Html标题标签h1
- HTML中的<label>标签的使用方法,文字与输入框相关联。