《html》-CSDN博客

本文链接：https://blog.csdn.net/2302_78651352/article/details/131678695

1、html 是什么？
       可以理解为，就是网页。
       超文本标记语言。
       （1）、超文本：相对于普通文本而言的。
                       可以放图片，视频，按钮，输入框，等等
       （2）标记语言：
                       可以理解为就是标签。<页面代码>


   2、html 是什么样的
           <html></html>html 的开始标签，和结束标签。

（3）、标题标签。最大的就是H1标签，最小的是H6标签。

           <h1></h1>
           <h2></h2>
           ……
           <h6></h6>

           能够自动换行。也可以说独占一行。

   （4）、font 标签，
           字体标签
           * color ：代表设置字体的颜色
               =1= 颜色值可以写英文名称
                   red 红色
                   blue 蓝色
                   black 黑色
                   green 绿色、
                   yellow   黄色
                   pink   粉色
                   purple   紫色

               =2= 通过RGB 颜色设置十六进制的代码。#号后面跟6位16进制表示颜色值。
                   常见的
                       十六进制： 0-9-a-f\
                       RGB色值，前两位，代表红 red
                               中间两位，代表绿 green
                               最后两位，代表蓝 blue
                       黑色：#000000
                       白色：#ffffff
                       红色：#ff0000
                       绿色：#00ff00
                       蓝色：#0000ff

               =3= 简写十六进制的颜色代码。
                       红色：#f00
                       绿色：#0f0
                       蓝色：#00f



           size：设置字体的大小。

                   最小字号 1
                   最大字号 7

   （5）、p标签，段落标签
           <p></p>
           P标签的特点：
           =1= 在p标签中的内容，会和上下文形成段落的间隔。
           =2= 在p标签内容结束后，会自动换行

   （6）、换行标签，和分割线标签。
           <br>   单标签，换行标签。
           <hr>   单标签，分隔线标签。

   （7）、图片标签，单标签
           <image src ="" width ="" height="" border="" alt="" text="" />

           <img />

           例如：
                   <image src="E:\00_北大青鸟\A277班级\01_预科课程部分\04_素材\茶园.jpg"
                   width="300px" height="200px" border="2px"
                   />

           图片标签中的属性解释：
               <1>、src="" 引用图片的地址+图片的名称
               <2>、width="" 图片的宽度，里面写宽度数字，默认是像素单位 px，可以省略
               <3>、height="" 高度属性，设置图片高度
               <4>、border="" 设置图片的边框
               <5>、alt="" alt属性，是当图片加载失败的时候，友好提示
               <6>、title="" title属性，是当鼠标移动到图片上的时候，显示的图片的提示

   （8）body 标签中的属性设置。
           bgcolor       设置网页的背景颜色
           text       设置body标签包含内容下，所有字体的颜色。
           background    设置页面背景图片。


   （9）、注释标签
           注释标签的含义：在html页面中，被注释标签包含的内容
                       不在网页中显示，
                       它的作用就是我们程序员自己备注给自己看的

具体写法：

           例如：

   （10）、字体效果设置标签。
           <center> </center>       字体居中标签,要居中显示的内容，放在center标签中。
           <strong> </strong>       字体加粗显示。
           <em>   </em>           字体倾斜显示。

           <b>   </b>               字体加粗显示。
           <i>   </i>               字体倾斜显示。
           <u> </u>               字体加下划线。
           <s> </s>               字体加栅格线。

   （11）、html中的转义字符
           大于号(>)   >
           小于号(<)   <
           引号(")       "
           版权符号@   ©



   （12）、a标签，超链接标签
           <a href="" target=""> </a>

           href 引用：
               可以写要链接的网页，视频，音频地址等。

           target属性，可以有两个值。
               _self : 在本页面打开a标签引用的地址。
               _blank：在新页面打开a 标签引用的地址。