HTML的一些标签

HTML

一、认识HTML

什么是HTML?

  • HTML 是用来描述网页的一种语言
  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

注意:html是不区分大小写的,习惯用小写

 

二、HTML标签

1.基础标签


  • -

    标签可定义标题。

    定义最大的标题。

    定义最小的标题

  •  段落是通过标签

    来定义的

2.图片、音频、视频标签

  • 定义图片

 

实例 :HTML的一些标签插图

 

注意:根据图片与代码的保存位置写访问路径(如图)

HTML的一些标签插图1

 

3、超链接标签

标签定义超链接,用于从一张页面链接到另一张页面。

  • href:指定访问资源的URL
  • target:指定打开资源的方式

4、列表标签

  • 有序列表(order list)
ol type="A">
    li>咖啡li>
    li>li>
    li>li>
ol>
  • 无序列表(unorder list)
ul>
    li>咖啡li>
    li>li>
    li>li>
ul>

运行结果

HTML的一些标签插图2

 

 

 5、表格标签

  • 定义表格

  • 定义行

  • 定义表头单元格

  • 定义单元格

    案例:

    DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        title>Titletitle>
    head>
    body>
    table border="1"cellspacing="0"width="500">
        tr>
            th>序号th>
            th>品牌th>
            th>品牌名称th>
            th>企业名称th>
        tr>
        tr align="center">
            td>010td>
            td>img src="../img/三只松鼠.png" width="60" height="50" >td>
            td>三只松鼠td>
            td>三只松鼠td>
        tr >
        tr align="center">
            td>009td>
            td>img src="../img/优衣库.png" width="60" height="50"> td>
            td>优衣库td>
            td>优衣库td>
        tr>
        tr align="center">
            td>009td>
            td>img src="../img/小米.png" width="60" height="50" >td>
            td>小米科技有限公司td>
            td>小米科技有限公司td>
        tr>
    table>
    
    hr>
    table border="1"cellspacing="0"width="500">
        tr>
            th colspan="2">序号th>
            th>品牌th>
            th>品牌名称th>
            th>企业名称th>
        tr>
        tr align="center">
            td>010td>
            td>img src="../img/三只松鼠.png" width="60" height="50" >td>
            td>三只松鼠td>
            td>三只松鼠td>
        tr >
        tr align="center">
            td>009td>
            td>img src="../img/优衣库.png" width="60" height="50"> td>
            td>优衣库td>
            td>优衣库td>
        tr>
        tr align="center">
            td>009td>
            td>img src="../img/小米.png" width="60" height="50" >td>
            td>小米科技有限公司td>
            td>小米科技有限公司td>
        tr>
    table>
    body>
    html>

    HTML的一些标签插图3

     

     

     

    6、布局标签

    • 定义HTML文档中的区域部分,与CSS一起使用

    • 用于组合行内元素
    • 7、表单标签

      • :表单项
      • 文本域
      posted @
      2022-07-27 19:56 
      叨叨不是刀刀 
      阅读(59
      评论(0
      编辑 
      收藏 
      举报





文章来源于互联网:HTML的一些标签

THE END
分享
二维码