博客
关于我
Html学习
阅读量:759 次
发布时间:2019-03-23

本文共 713 字,大约阅读时间需要 2 分钟。

HTML标签是用于构建网页内容的核心元素,它们可以帮助开发者实现布局、样式、交互等功能。本节将从基础开始介绍HTML标签的用法。

  • 网页根标签HTML5中,<html>标签定义网页的根标签,它是所有页面都必须具有的标签。所有其他标签都必须嵌套在<html>标签内部。

  • 头部标签<head>标签用于定义网页的配置信息,主要包含以下内容:

    • <title>标签:网页标题,用于由搜索引擎显示。
    • <meta>标签:包含字符集、关键字、描述等信息。
    • <style>标签:定义CSS样式。
    • <script>标签:插入JavaScript脚本。
    1. 内容标签<body>标签表示网页的主内容区域,所有可视内容都应放置在<body>内。

    2. 文本标签

      • <p>标签:定义文本段落。
      • <h1><h6>标签:表示不同层级的标题。
      • <strong><em>标签:强调文本,<strong>默认为粗体,<em>默认为斜体。
      • <code><pre>标签:定义代码块,<code>用于单行代码,<pre>用于多行代码。
      • <span>标签:用于对文本应用样式。
      1. 布局标签
        • <div>标签:用于定义分区,合并多个标签为一个容器。
        • <ul><li>标签:定义无序列表,<li>为列表项。
        • <ol><li>标签:定义有序列表。
        • <table>标签:定义表格,包含<thead>、<tbody>、<tfoot>标签,<thead>定义表头,<tbody>定义主体,<tfoot>定义表尾。
        • <form>标签:定义表单,包含输入、选择、提交按钮等元素。
        1. 其他标签
          • <a>标签:定义超链接。
          • <hr>标签:定义水平分割线。
          • <img>标签:插入图片,需配<img>标签。

    转载地址:http://rcczk.baihongyu.com/

    你可能感兴趣的文章
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错fatal: Could not read from remote repository
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>
    npm报错TypeError: this.getOptions is not a function
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>
    npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
    查看>>
    npm版本过高问题
    查看>>
    npm的“--force“和“--legacy-peer-deps“参数
    查看>>
    npm的安装和更新---npm工作笔记002
    查看>>
    npm的常用操作---npm工作笔记003
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>
    npm设置淘宝镜像、升级等
    查看>>
    npm设置源地址,npm官方地址
    查看>>
    npm设置镜像如淘宝:http://npm.taobao.org/
    查看>>
    npm配置安装最新淘宝镜像,旧镜像会errror
    查看>>
    NPM酷库052:sax,按流解析XML
    查看>>