首页 > 软件开发 > HTML >

HTML基础标签实例

来源:互联网 2023-03-16 19:12:03 版权归原作者所有,如有侵权,请联系我们

学习 HTML 最好的方式就是边学边做实验。下面我们一块做实例吧。uHN办公区 - 实用经验教程分享!

工具/原料

  • 记事本
  • 浏览器

方法/步骤

  • 1

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

    制作一个简单的 HTML 文件uHN办公区 - 实用经验教程分享!

    这个例子是一个很简单的 HTML 文件,使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。uHN办公区 - 实用经验教程分享!

    html>head>title>这是标题/title>/headbody>body 标签的内容会显示在浏览器中。/title 标签的内容会显示在浏览器的标题栏中。//body/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 2

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

    舍栗/段落标签uHN办公区 - 实用经验教程分享!

    此例演示:段落元素中的文字如何被浏览器显示。uHN办公区 - 实用经验教程分享!

    html>body这是段落。/这是段落。/这是段落。/p段落元素由 p 标签定义。//body>/html>uHN办公区 - 实用经验教程分享!

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

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 3

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

    br/>换行标签uHN办公区 - 实用经验教程分享!

    本例演示在 HTML 文档中换行的使用。uHN办公区 - 实用经验教程分享!

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

    html>body>第一行br />第二行br />第三行br />第四行br />第五行//body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 4

    h1>h2>h3>h4>h5>h6>标题标签uHN办公区 - 实用经验教程分享!

    html>body>h1>这是1号标题/h1>h2>这是2号标题/h2>h3>这是3号标况雁雁题/h3>h4>这是4号标题/h4>h5>这是5号标题/h5>h6>这是6号标题/h6>/body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 5

    align="center"控制居中显示uHN办公区 - 实用经验教程分享!

    html>body>h1 align="center">居中显示/h1>/body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 6

    hr>水平线标签uHN办公区 - 实用经验教程分享!

    html>body>hr 标签定义水平线:/hr />这佛蕉是段落。/hr />这是段落。/hr />这是段落。//body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 7

    !---->注释标签uHN办公区 - 实用经验教程分享!

    html>body>!--这是一段注释。注释不会在浏览器中显示。-->这是一段普通的段落。//body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 8

    bgcolor=“”改变背景颜色标签uHN办公区 - 实用经验教程分享!

    html>head>/head>body bgcolor="red">h2>请看: 改变了颜色的背景。/h2>/body>/html>uHN办公区 - 实用经验教程分享!

    HTML基础标签实例uHN办公区 - 实用经验教程分享!

  • 8此文章未经许可获取自百度经验
  • 注意事项

    • 注意区分标签的作用
    • 注意标签的闭合

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


    标签: HTML

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