昨天说道了我的第一个网页，今天接着继续带大家深入，前期学习千万不要用代码工具哦！那样就少了深入了解的机会了哦！

一、大家都知道文章会有各种标题，网页其实也跟文章差不多也有专门来写标题的元素。

　　(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>

效果　　

下次给大家说网页之间的超链接也就是跳转，和图片的引入网页中。因为涉及到到绝对路径与相对路径，初学这不太好理解，准好好整理下给大家说清楚点。

还有欢迎大家评论因为刚刚写博客，所以肯定有很多不好的地方希望大家多提意见。

html基础-标题标签-文字标签（2）的更多相关文章

  1. HTML&CSS基础-html常用的标签

    HTML&CSS基础-html常用的标签 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html& ...

  2. 前端 HTML 常用标签 head标签相关内容 title标签 网页的标题信息

    title标签 <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中. 可以把它看成是一个网页 ...

  3. 前端基础之html常用标签

    前言: 1.在B-S模式下,server服务端和客户端之间 使用http协议(规定 客户端应该怎么请求服务端,服务端应该怎么响应)通信: 2.传输过程 浏览器 向服务端发起 post/get请求 服务 ...

  4. 前端基础-html 字体标签,排版标签,超链接,图片标签

    主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  5. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  6. java基础56 HTML5的标签知识（网页知识）

    本文知识点(目录): 1.html常用标签    2.html实体标签    3.html媒体标签    4.html超链接标签    5.html图片标签    6.html标个标签 7.html框 ...

  7. 前端基础-HTML的的标签详解

    阅读目录 一.head内常用标签 二. HTML语义化 三. 字符实体 四. h系列标签 五. p标签 六. img标签 七. a标签 八. 列表标签 九. table标签 十. form标签 一. ...

  8. [03]HTML基础之行内标签

    1.<ruby>标签 显示东亚字符的发音(如中文,日文等),与<rp>,<rt>标签搭配. //<ruby>为单个发音字符的容器,<rp>为 ...

  9. （数据科学学习手札87）利用adjustText解决matplotlib文字标签遮挡问题

    本文示例代码.数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 在进行数据可视化时我们常常需要在可视化作品 ...

随机推荐

  1. iOS完全自学手册——［二］Hello World工程

    1.前言 写第二篇文章之前,我在想第二篇应该怎么写?后来觉得与其写Objective-C语言的相关语法,不如直接开始写个小项目.语法简单入门即可.因为,即便把语法看的很深到最后还是不一定能做项目,运用 ...

  2. Android自定义View创建流程

    Android的framework提供了很多高质量的view,有时业务需求需要自定义View,其实现流程大致如下: 1.在values/attrs.xml中定义支持的自定义属性,示例如下:

  3. Ubuntu之tar与curl操作

    1,压缩备份: tar cfvj /tmp/test.tar.bz2  /tmp/test tar cfvz /tmp/test.tar.gz  /tmp/test tar xfvj /tmp/tes ...

  4. (转)Jupyter notebook入门教程（上,下）

    https://blog.csdn.net/red_stone1/article/details/72858962------上 https://blog.csdn.net/red_stone1/ar ...

  5. 由一段代码谈前端js优化和编码规范(一) 分类： JavaScript 2015-03-21 12:43 668人阅读 评论(1) 收藏

    这段代码是撸主刚毕业那会写的,主要是实现一个左侧的导航条的折叠功能.当时实现的比较简陋,每次在导航条增加新的项目的时候,都要手动去修改js代码中写死的索引...确实是比较恼火的,后来就修改了一下,能够 ...

  6. Android 开发工具类 07_ScreenUtils

    获得屏幕相关的辅助类: 1.获得屏幕高度: 2.获得屏幕宽度: 3.获得状态栏的高度: 4.获取当前屏幕截图,包含状态栏: 5.获取当前屏幕截图,不包含状态栏. import android.app. ...

  7. Java_try,catch,finally return之间的执行顺序

    以往认为函数只要执行到return语句便会返回结果并终止,然而这时错误的,因为这存在特例. 掌握下面几条原则就可以完全解决“当try.catch.finally遭遇return”的问题. 原则:1.f ...

  8. 一个基于Socket的http请求监听程序实现

    首先来看以下我们的需求: 用java编写一个监听程序,监听指定的端口,通过浏览器如http://localhost:7777来访问时,可以把请求到的内容记录下来,记录可以存文件,sqlit,mysql ...

  9. for循环-鼠标移入事件

    这里当鼠标移入触发事件时候,会报错,为什么呢?注意一下objs数组的长度是5. 因为在鼠标移入事件触发之前for循环已经将i变成5,objs[5]是不存在的,所以会报错. 可以用this来解决这种问题 ...

  10. puts,p,print的区别

    共同点:都是用来屏幕输出的. 不同点: puts 输出内容后,会自动换行(如果内容参数为空,则仅输出一个换行符号):另外如果内容参数中有转义符,输出时将先处理转义再输出 p 基本与puts相同,但不会 ...