html:叫你如何编写第一个网页

这篇具有很好参考价值的文章主要介绍了html:叫你如何编写第一个网页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

<!DOCTYPE html>
<!--声明-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
    体部分:存放的是组成html代码部分
</head>

<BODY>
    <!--
    html:HyperText Markup Languge 超文本标记(标签构成)语言
    java是一门逻辑语言,HTML是一门标记语言
    HTML的结构:
        1.在网页的第一行必须只能存在一个HTML声明
        2.在声明的下方来组成网页的代码部分
     体部分:存放的是组成html代码部分
     头部分:存放的是html优先加载的资源
    -->
    体部分:存放的是组成html代码部分
    <br />
    <hr />
    <!-- 自闭标签   -->
    信阳农林学院

            是个好学校
    <!--
        html语法:
            1.html标签不区分大小写
            2.html标签可以有起始和结束标签组成 ----<html></html>
            3.html的标签还可以书写成一个自闭标签形式
            4.html资源中多个回车、制表符、空格都会在显示的时候合成一个空格来显示
     -->
</BODY>
</html>

html:叫你如何编写第一个网页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
      <!--
        1.图片标签
            作用:可以在网页中引入一张图片
            1.src:图表所在路径
            2.alt:如果图片没有正常展示则代替图片出现的解释文字
            3.width:宽度 heigth:高度
        2.超链接(锚链接)
            超链接有两种使用方式
                1.第一张使用方式:跳转界面
                     href:跳转的一个目标地址
                     target:
                           1._self:在当前界面覆盖打开新的页面
                           2._target:在新的窗口打开新的界面
                2.第二种:作为书签使用
                      1.先创建一个隐形的点作为书签(不希望用户看见)
                      2.在创建一个超链接标签当作是返回会上一层的按钮使用
                            name:a标签的名称
                            href:表示的是挑战的目标地址,如果添加”#“则代表在当前页面中寻找对应名称的标签


      -->
    <img src="a.gif.jpg" alt="这是一张美女的照片" width="50%" height="50%" >
    <a href="http://www.baidu.com" target="_target">百度一下</a>
    <a name="tag" ></a>
    <h1>王衡历险记</h1>
    <p>
        王衡潜入荒岛,找吃的
        找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
        找啊找<br/>
         找啊找<br/>
         找啊找<br/>
         找啊找<br/>
        饿死了<br />
        故事群居终
    </p>
    <a href="#tag">点击返回上一层</a>
</body>
</html>

html:叫你如何编写第一个网页

 文章来源地址https://www.toymoban.com/news/detail-470879.html

到了这里,关于html:叫你如何编写第一个网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML——HTML 文件中的 DOCTYPE 是什么作用?

    HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型标准。 主要作用是告诉浏览器的解析器要使用哪种 HTML规范 或 XHTML规范 来解析页面。 DOCTYPE 需要放置在 HTML 文件的 html 标签之前,如:

    2024年03月16日
    浏览(59)
  • 前端——编写一个简易网页计算器

    如下图效果所示,输入两个运算数,点击不同的运算符,会在下方得到不同的运算结果 分析与代码实现 在HTML部分,定义了一个标题为\\\"网页计算器\\\"的网页,并创建了两个输入框和四个按钮。最后,创建了一个只读的结果显示框,便于计算结果的输出 在JavaScript部分,定义了一

    2024年01月24日
    浏览(54)
  • 面试题更新之-DOCTYPE html相关问题

    是HTML文档的文档类型声明(Document Type Declaration)。它放置在HTML文档的开头,用于告诉Web浏览器使用哪个HTML版本处理该文档。 是HTML5的文档类型声明,它指定了当前文档采用HTML5标准来进行解析和渲染。 文档类型声明的目的是确保浏览器正确地解析文档,并按照相应的规范进

    2024年02月15日
    浏览(44)
  • 制作一个简单HTML个人网页网页(HTML+CSS)源码

    一个简单的HTML网页,可用于大学html期末作业,照片都是网上找的 看一下成品图: 主页代码,这里的link href=\\\"images/css.css\\\" rel=\\\"stylesheet\\\" type=\\\"text/css\\\" /是引入css样的,images里面装的是css文件(完整源码见文末)  

    2024年02月11日
    浏览(68)
  • 编写一个网页实现获取访问者真实IP

    在网页中获取访问者的真实 IP 地址,可以使用 JavaScript 来实现。 首先,在网页中添加一个 script 标签,并使用一个网络服务来获取 IP 地址。这里提供一个示例,使用的是 ipify.org 这个服务: 这段代码会发送一个 HTTP 请求到 ipify.org,获取一个 JSON 格式的响应。在响应中,包含

    2024年02月12日
    浏览(39)
  • 一个简单的HTML网页——传统节日春节网页(HTML+CSS)

    🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (

    2024年01月21日
    浏览(64)
  • 【HTML专栏3】!DOCTYPE、lang、字符集的作用

    本文属于HTML/CSS专栏文章,适合WEB前端开发入门学习,详细介绍HTML/CSS如果使用,如果对你有所帮助请一键三连支持,对博主系列文章感兴趣点击下方专栏了解详细。 博客主页:Duck Bro 博客主页 系列专栏:HTML/CSS专栏 关注博主,后期持续更新系列文章 如果有错误感谢大家批评

    2024年02月09日
    浏览(43)
  • 一个简单的HTML网页 、个人主页网页设计(HTML+CSS)

    🎉精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作

    2024年02月04日
    浏览(60)
  • Django 加载静态资源及<!DOCTYPE html>标红解决办法

    1.文件夹位置: 用于开发者存放HTML页面。 本文件夹位置建立在app01文件夹目录下 -- 新建templates文件夹 -- 并在文件夹下创建html文件。 该文件的文件名与上述链接指向的html文件名称相同。 2.要点: 优先去项目的根目录的templates中寻找(这个需要提前配置),不配置则无效。

    2023年04月08日
    浏览(58)
  • 制作一个简单HTML个人网页网页(HTML+CSS)大话西游之大圣娶亲电影网页设计

    HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【学

    2024年02月04日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包