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

             

  • 相关阅读:
    angularjs自定义指令complie和link属性
    港航环境变化引起的错误解决方法
    myBatis + SpringMVC上传、下载文件
    mybatis动态sql中的trim标签的使用
    MyBatis一对多和多对一
    常用的MIME类型
    SpringMVC 文件上传配置,多文件上传,使用的MultipartFile
    web自动化测试(7)--js操作
    web自动化测试(6)--下拉列表操作
    web自动化测试(5)--鼠标、键盘操作
  • 原文地址:https://www.cnblogs.com/dixingchen/p/12252759.html
Copyright © 2020-2023  润新知