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

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

版权声明：原创作品，谢绝转载！否则将追究法律责任。

一.html的源代码

<!DOCTYPE html>

<html>

    <head>

        <!--

            需要来告诉浏览器，网页所采用的编码字符集

            meta标签用来设置网页的一些元数据，比如网页的字符集，关键字，简介等

            meta时一个自结束标签，编写一个自结束标签时，可以在开始标签中添加一个"/"

        -->

        <meta charset="utf-8"/>

        <title>尹正杰的网页</title>

    <head>

    <body>

        <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1>

        <!--

            在html中，一共有六级标题标签，即h1~h6，如果大于h6的标签则不支持，虽不会报错但数据会原样输出;

            在显示效果上h1最大，h6最小，但是文字的大小我们并不关心;

            使用html标签是，关心的是标签的语义,我们使用的标签都是语义化标签;

            6级标签中，h1的最重要，表示一个网页中的主要内容，h2~h6重要性依次降低;

            对于搜索引擎来说，h1的重要性仅次于title，搜索引擎检索完title，会立即查看h1中的内容;

            一般页面中标题标签只使用h1,h2,h3,h3以后的基本不适用。

        -->

        <h1>标题标签</h1>

        <h2>标题标签</h2>

        <h3>标题标签</h3>

        <h4>标题标签</h4>

        <h5>标题标签</h5>

        <h6>标题标签</h6>

        <h7>标题标签</h7>

        <h8>标题标签</h8>

        <!--

            段落标签，段落标签用于表示内容中一共自然段;

            使用p标签来表示一共段落;

            p标签中的文件，默认独占一行，并且段与段之间会有一个间距;

        -->

        <p>我是一个p标签，我用来表示一个段落</p>

        <p>我是一个p标签，我用来表示一个段落</p>

        <!--

            在html中，字符之间写再多的空格(包括换行符在内)，浏览器也会当成一个空格解析。

        -->

        <p>

            床前明月光，

            疑是地上霜，

            举头望明月，

            低头思故乡。

        </p>

        <!--

            在页面中可以使用br标签来表示一个换行，br标签是一个自结束标签

        -->

         <p>

            床前明月光,<br />

            疑是地上霜,<br />

            举头望明月,<br />

            低头思故乡。

        </p> 

        <!--

            hr标签也是一个自结束标签，可以在页面中生成一条水平线。

        -->

        <hr />

    </body>

</html>

二.浏览器打开以上代码渲染结果

HTML&CSS基础-html常用的标签的更多相关文章

  1. HTML&CSS基础-html的图片标签

    HTML&CSS基础-html的图片标签 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.如下图所示,准备一张图片,存放路径和html文件在同一目录 二.HTML源代码 ...

  2. 0009 CSS基础选择器（ 标签、类、id、通配符）

    typora-copy-images-to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解 能说出选择器的作用 id选择器和类选择器的区别 应用 能够使用 ...

  3. 2020年12月-第02阶段-前端基础-CSS基础选择器

    CSS选择器(重点) 理解 能说出选择器的作用 id选择器和类选择器的区别 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如 一只眼睛的一组,剩下的 ...

  4. CSS基础语法（一）

    目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 ...

  5. HTML常用标签与CSS基础知识

    一.HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...

  6. HTML 网页开发、CSS 基础语法——七.HTML常用标签

    标题标签(h1-h6) 1.标题标签 ① 标题(Heading),通过<h1>-<h6>六个标签分别来对六个级别的标题进行性定义的. ② <h1>是级别最高,也是字 ...

  7. 日常用的css基础和自己常用的js封装

    css基础:base /* * 初始化 */ *::after, *::before { box-sizing: border-box; } body { font-family: 'Microsof ...

  8. HTML&CSS基础-常用选择器

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

  9. [19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器

    一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会 ...

随机推荐

  1. Bootstrap table插件 被选中的行颜色改变

    参考:https://www.jianshu.com/p/1bb4c37ef636 在 bootstrap-table.min.css 中修改源码 //选中行颜色 .fixed-table-conta ...

  2. Android逆向破解：Android Killer使用

    目录   目录 软件介绍 Android Killer是一款可以对APK进行反编译的工具,它能够对反编译后的Smali文件进行修改,并将修改后的文件进行打包. 软件下载 这里用的是@昨夜星辰2012 ...

  3. Xcode 创建使用多个 target （1）

    前段时间,浏览了一个项目:手机和平板同时适配的.见识到了多个target 应用的妙处: 一个target 担任 手机开发,一个target 担任 平板开发,设计的很巧妙. 一口吃不成胖子,这篇先写 第 ...

  4. 【视频开发】Gstreamer中一些gst-launch常用命令

    GStreamer是著名的开源多媒体框架,功能强大,其命令行程序 gst-launch 可以实现很多常规测试.播放等,作为系统调试等是非常方便的. 1.摄像头测试 gst-launch v4l2src ...

  5. AngularJS 常见面试问题

    ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是,ng-if 在后面表达式为 true 的时候才创建这个 dom 节点,ng-show 是初始时就创建了,用 display:bl ...

  6. Linux用户查询、新增&删除

    1.查询用户tail -1 /etc/passwd 2.新增用户&用户组groupadd testgroup #组的添加useradd testuser #创建用户testuserpasswd ...

  7. [转帖]我花了10个小时，写出了这篇K8S架构解析

    我花了10个小时,写出了这篇K8S架构解析 https://www.toutiao.com/i6759071724785893891/   每个微服务通过 Docker 进行发布,随着业务的发展,系统 ...

  8. DataTable Distinct

    DataView dataView = dtTemp.DefaultView; DataTable dataTableDistinct = dataView.ToTable(true, "U ...

  9. C++之开灯问题(链表)

    有n盏灯,编号为1~n.第1个人把所有灯打开,第2个人按下所有编号为2的倍数开关(这些灯将被关掉),第3个人按下所有编号为3的倍数的开关,以此类推.一共有k个人,问最后有哪些灯开着?输入n和k,输出开 ...

  10. 长乐国庆集训Day1

    T1 统计数字 题目 [题目描述] 设 S(N ) 表示 N 的各位数字之和,如 S(484) = 4+8+4 = 16, S(22) = 2+2 = 4. 如果一个正整数满足 S(x*x) = S( ...