首页 > 软件开发 > HTML >

网页制作初级教程

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

此处简要介绍下HTML5(HTML标准的最新的版本),来进行网页设计或 Web 应用。jnK办公区 - 实用经验教程分享!

工具/原料

  • 电脑、浏览器

初识HTML

  • 1

    “HTML”即为,Hyper Text Markup Language,称为超文本标记语言(包括一系列标签)。通过规定标签将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。便于人们查找、检索信息。jnK办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 第一个网页

  • 1

    在桌面新建一个text文件,并在内部输入如下代码:jnK办公区 - 实用经验教程分享!

    !DOCTYPE HTML>jnK办公区 - 实用经验教程分享!

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

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

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

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

    h2>我的第一个网页/h2>jnK办公区 - 实用经验教程分享!

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

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

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

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

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 2

    将“新建文本文档.txt”改为“我的第一个网页.html”,注意后缀为html。jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 3

    文件后缀可通过“电脑-组织-文件夹和搜索选项-查看-隐藏已知文件类型的扩展名”去掉勾选即可。jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 4

    点击“我的第一个网页.html”文件,即可通过浏览器看到“我的第一个网页”jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 5

    “我的第一个网页.html”标签注释:jnK办公区 - 实用经验教程分享!

    1、!DOCTYPE HTML>:是html5标准网页声明,是 HTML 文档的第一行,位于 html> 标签之前。jnK办公区 - 实用经验教程分享!

    2、html>/html> :标签可告知浏览器其自身是一个 HTML 文档。jnK办公区 - 实用经验教程分享!

    3、body>/body>:标签元素定义文档的主体,包含文档的所有内容。jnK办公区 - 实用经验教程分享!

    4、h2>我的第一个网页/h2>:h1> - h6> 标签可定义标题,h1> 定义最大的标题。h6> 定义最小的标题。jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 简单应用

  • 1

    使用a>/a>标签定义超链接,用于从一个页面链接到另一个页面,实现跳转“百度首页”。jnK办公区 - 实用经验教程分享!

    a title="跳转百度" href="https://www.baidu.com/" > 跳转百度/a>jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

  • 2

    点击“跳转百度”即可实现网页跳转。jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

    网页制作初级教程jnK办公区 - 实用经验教程分享!

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


    标签: HTML

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