HTML基础学习各种标签

       今天看网上视频学习了HTML前端的一些基本知识,HTML是一种超文本语言,用来描述网页的一种语言全名是HyperText Markup Language,他不是一种编程语言,它使用标记标签来描述网页。HTML文档包含了HTML标签及文本内容,HTML文档也叫做web页面。HTML文档后缀名为*·html,其文件能够被浏览器打开。

1、html5文档声明<!DOCTYPE html>

2、<html>  根标签---开始结束标签    </html>

3、子标签---<head>  </head>和<body>  </body>(其为平行标签)

     (1)<head>   显示外部文件  </head>,其中包括<title>   (存放标题)   </title>,但除了<title> </title>里面的内容其他的无法在页面中显示。<meta charset="utf-8">表示页面的隐式信息。utf-8表示中文字符集,必须写,否则出现乱码。

     (2)<body>   页面的主体部分,页面的可见内容    </body>

4、注释   <!--    这是个注释     -->

5、有开始有结束的例外:换行<br/> 、线<hr/>、显示隐式部分<meta >

6、<font></font>属性:

      (1)size:文字的大小 ,取值范围1-7,超出7,默认还是7

              color:文字的颜色。  两种表示方式:英文单词:red green blue black gray…

                                                  使用十六进制数表示 #ffffff:RGB

7、每个标题的标签: <h1></h1>   <h2></h2>   <h3> </h3> .....自动换行,并且依次变小   

8、水平线标签<hr/> 属性:

     (1)size:表示水平线的粗细  取值范围1-7

     (2)color:表示线的颜色

               表示:    <hr size=”5” color=”blue”/>

9、列表标签:<dl></dl>表示列表的范围

                在dl里面 <dt></dt> :上层内容

                在dl里面 <dd></dd> :下层内容

          <ol type=”1”></ol>:表示有序列表的范围  属性  type:设置排序方式 1(默认)   a    i

                在ol标签里面  <li>具体内容</li>

         <ul type=”circle”><ul>:无序列表         

                   属性  type:空心圆circle,实心圆disc,实心方块square,默认disc

                在ul标签里面  <li>具体内容</li>

 10、代码显示

<html>
<head>
<title> html的学习 </title>
<meta charset="utf-8">
</head>
<body> Hello World! </body>

</html>

 

 

         

 

posted on 2020-02-01 16:52  帝星辰  阅读(189)  评论(0编辑  收藏  举报

导航