首页 > 软件开发 > HTML >

HTML学习之-HTML基础

来源:互联网 2023-03-16 19:19:24 144

HTML基础是我们制作网页的基础,本文接着上一节写的HTML教程接着写,本次主要介绍HTML中标题、段落、图像、连接、元素等基础知识。DhU办公区 - 实用经验教程分享!

工具/原料

  • HTML编辑器

HTML基础知识

  • 1

    HTML标题:HTML 标题(Heading)是通过 h1> - h6> 等标签进行定义的。DhU办公区 - 实用经验教程分享!

    示例如下:DhU办公区 - 实用经验教程分享!

    html>DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    body>DhU办公区 - 实用经验教程分享!

    h1>This is heading 1/h1>DhU办公区 - 实用经验教程分享!

    h2>This is heading 2/h2>DhU办公区 - 实用经验教程分享!

    h3>This is heading 3/h3>DhU办公区 - 实用经验教程分享!

    h4>This is heading 4/h4>DhU办公区 - 实用经验教程分享!

    h5>This is heading 5/h5>DhU办公区 - 实用经验教程分享!

    h6>This is heading 6/h6>DhU办公区 - 实用经验教程分享!

    请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。/DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    /body>DhU办公区 - 实用经验教程分享!

    /html>DhU办公区 - 实用经验教程分享!

    运行结果如下所示:DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 2

    HTML段落:HTML 段落是通过 标签进行定义的。DhU办公区 - 实用经验教程分享!

    示例代码如下:DhU办公区 - 实用经验教程分享!

    html>DhU办公区 - 实用经验教程分享!

    body>DhU办公区 - 实用经验教程分享!

    这是段落。/DhU办公区 - 实用经验教程分享!

    这是段落。/DhU办公区 - 实用经验教程分享!

    这是段落。/DhU办公区 - 实用经验教程分享!

    段落元素由 p 标签定义。/DhU办公区 - 实用经验教程分享!

    /body>DhU办公区 - 实用经验教程分享!

    /html>DhU办公区 - 实用经验教程分享!

    运行结果如下图所示DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 3

    HTML连接:HTML 链接是通过 a> 标签进行定义的。DhU办公区 - 实用经验教程分享!

    示例代码如下:DhU办公区 - 实用经验教程分享!

    html>DhU办公区 - 实用经验教程分享!

    body>DhU办公区 - 实用经验教程分享!

    a href="http://www.w3school.com.cn">DhU办公区 - 实用经验教程分享!

    This is a link/a>DhU办公区 - 实用经验教程分享!

    /body>DhU办公区 - 实用经验教程分享!

    /html>DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 4

    HTML图像:HTML 图像是通过 img> 标签进行定义的。DhU办公区 - 实用经验教程分享!

    示例代码如下:DhU办公区 - 实用经验教程分享!

    html>DhU办公区 - 实用经验教程分享!

    body>DhU办公区 - 实用经验教程分享!

    img src="/i/eg_w3school.gif" width="300" height="120" />DhU办公区 - 实用经验教程分享!

    /body>DhU办公区 - 实用经验教程分享!

    /html>DhU办公区 - 实用经验教程分享!

    运行结果如下:DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 4相关内容未经授权抓取自百度经验
  • 5

    HTML元素:HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。常用的元素如下图所示,关于元素的具体使用以及用途,我会再下一次的分享中,给大家详细说明。DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • HTML标签

  • 1

    HTML !--...--> 标签DhU办公区 - 实用经验教程分享!

    用于HTML注释,示例如下:DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 2

    HTML abbr> 标签。用于标记一个缩写。示例如下:DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 3

    HTML body> 标签DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    实例DhU办公区 - 实用经验教程分享!

    一个简单的 HTML 文档,带有最基本的必需的元素:DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 4

    HTML blockquote> 标签DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    实例DhU办公区 - 实用经验教程分享!

    标记长的引用:DhU办公区 - 实用经验教程分享!

    DhU办公区 - 实用经验教程分享!

    HTML学习之-HTML基础DhU办公区 - 实用经验教程分享!

  • 注意事项

    • HTML学习,基础很重要,基础打好后,以后做什么都会很快的。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!DhU办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码