zoukankan      html  css  js  c++  java
  • 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>

             

  • 相关阅读:
    python https请求报错:SSLCertVerificationError: [SSL: CERTIFICATE_VERIFY_FAILED]
    python打包为exe文件
    文件自定义扫描工具
    pandas 的常用方法
    cisco应用
    Cisco 模拟配置
    python 识别图片上的数字
    OpenSSL
    OpenSSL
    OpenSSL
  • 原文地址:https://www.cnblogs.com/dixingchen/p/12252759.html
Copyright © 2011-2022 走看看