html上课手敲代码

已于 2023-10-06 13:14:45 修改
阅读量65 收藏
点赞数
文章标签： html5
于 2023-09-24 01:39:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76481440/article/details/133224769
版权 
<!DOCTYPE html>

<html lang="en">

<head>

    <p>段落</p>

    <h1>一级标题</h1>

    <style type="text/css">

        body {
            background-color: yellow;

        }

        p {
            color: blue

        }

    </style>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="mystyle.css">

    <title>Document</title>

</head>

<body>

    <a name="two"></a>

    <a id="fack">有用的fack</a>

    <!--id属性比name更强，从另一个网页获取这个网页的id位置只要再这个网页的urL后面加上#和id的值-->

    <form action="" method="get">

        <p>

            <label for="username">账户：</label><br>

            <input type="text" name="username" id="username">

        </p>

        <p>

            <label for="password">密码：</label><br>

            <input type="password" name="password" id="password">

        </p>

        <p><input type="submit"></p>

    </form>

    <!--<form action="" method="get">

    </form>-->

    发现这里form标签写不写都一样，原因是什么？？？

    <a href="https://www.jxust.edu.cn/"><img

            src="https://th.bing.com/th/id/R.cbe5d465d13f9e3d47bf01dfef14e3f9?rik=eS9ZwVCDEEfFEA&pid=ImgRaw&r=0"

            alt="失败了" title="oh nice"></a>




 

    <hr>

    <hr>

    <hr>

    <hr>

    <hr>

    <!--注释-->

    <h1>这是1号标题</h1>

    <font size="6">这是6号字体文本</font>

    <h2>这是2号标题</h2>

    <font size="5">这是5号字体文本</font>

    <h3>这是3号标题</h3>

    <font size="4">这是4号字体文本</font>

    <h4>这是4号标题</h4>

    <font size="3">这是3号字体文本</font>

    <h5>这是5号标题</h5>

    <font size="2">这是2号字体文本</font>

    <h6>这是6号标题</h6>

    <font size="1">这是1号字体文本</font>

    <!--  n号标题对应7-n号字体文本大小-->

    <p>这是一个段落</p>

    <p>这是另一个段落</p>

    <!-- 注意：浏览器会自动地在段落和标题的前后添加空行，会直接换行再空行，同一个段落换行用<br>，一般的标签是不会自己换行的

        html中所有连续的空格换行空行都是算作一个空格，省略了多余的空格空行换行，也就是说，有时候缩进不严格，有时候输出会多出空各。（</p> 是块级元素）-->

    <h1>春晓</h1>

    <p>

        春眠不觉晓，

        处处闻啼鸟。

        夜来风雨声，

        花落知多少。

    </p>

    <p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

    <!-- 区分一下： <br>, <br/> 以及 <br />（带有空格）

    <br> 是 HTML 写法。

    是 XHTML1.1 的写法, 也是 XML 写法。<br/> 是 XHTML 为兼容 HTML 的写法,也是 XML 写法。HTML5 因为兼容 XHTML，所以三种写法都可以使用。

    早期发布的 HTML 规范当中，<br> 与 <img> 等元素是不用封闭自身的，但是这种元素造成了 HTML 规范的不严谨，于是在之后发布的 XHTML 语言中，参考了更为严谨的 XML 规范，在这些不用自身封闭的元素后加 / 来表示自行封闭，在逻辑上来讲等同于<br>....</br>（但是没有 </br> 这种写法），这样一来保证了较少的代码量，二来保证了规范的严谨。-->

    <b>这个文本是加粗的</b>

    <br />

    <strong>这个文本是加粗的</strong>

    <br />

    <big>这个文本字体放大</big>

    <br />

    <em>这个文本是斜体的</em>

    <br />

    <i>这个文本是斜体的</i>

    <br />

    <small>这个文本是缩小的</small>

    <br />

    这个文本包含

    <sub>下标</sub>

    <br />

    这个文本包含

    <sup>上标</sup>

    <pre>

        春眠不觉晓，

        处处闻啼鸟。

        夜来风雨声，

        花落知多少。

    </pre>

    <!--预览文本标签，保留排版（空格空行换行）-->

    <code>

        print("hello world")

    </code>

    <br>

    <kbd>键盘输入</kbd>

    <br>

    <tt>

        打字机文本

    </tt>

    <br />

    <samp>

        计算机代码样本

    </samp>

    <br>

    <var>计算机变量</var>

    <br>

    <address>

        Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>

        Visit us at:<br>

        Example.com<br>

        Box 564, Disneyland<br>

        USA

    </address>

    <p>该段落文字从左到右显示。</p>

    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

    <q>世界很美</q>

    <!--这个q标签用于加双引号，常用于引用人的话-->

    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

    此例演示如何标记删除文本和插入文本。

    <!--<abbr>  定义缩写

    <address>   定义地址

    <bdo>       定义文字方向

    <blockquote>    定义长的引用

    <q>         定义短的引用语

    <cite>      定义引用、引证

    <dfn>       定义一个定义项目。

        这些一般都是p段落标签的属性-->


 

    <a href="#two">世界的时空</a>

    <a href="#fack">苏菲的世界</a>

    <a href="https://download-cdn.jetbrains.com/cpp/CLion-2023.2.2.exe" download>下载Clion</a>

    <!--这个下载链接不打开网页-->


 

</body>

</html>

斯露德
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
0423_mon_android周一老师上传的上课自己敲的代码
04-24
0423_mon_android周一老师上传的上课自己敲的代码，。
PCA算法上课汇报及代码大全.pptx
10-19
PCA算法上课汇报及代码大全.pptx 在本资源中，我们将详细介绍主成分分析法（PCA），包括其背景、原理、优点、缺点、降维的概念、数学上的理解、去中心化、找坐标系、最大方差理论等知识点。 背景 在许多领域的...
制作一个简单HTML个人网页网页（HTML+CSS）
热门推荐
weixin_46153254的博客
12-04 35万+
制作一个简单的HTML个人网页
VS 2019的新手指引教程（敲代码前的调试工作及使用技巧）（简单易懂）
heiyu13498269232的博客
10-17 1万+
编程入门的我们，被“有一个软件可以自动对齐代码”的传闻所吸引，将上课配套使用的vc 6.0和Dev-c放在一边，下载了VS2019（Visual Studio 2019），但是下载好之后，发现界面
HTML，CSS，JavaScript知识点
爱敲键盘的程序源的博客
09-28 1082
从0基础学开始学前端，JS+CSS+HTML
HTML相关基础知识
qq_66281352的博客
02-26 1528
主要为html相关的基本知识，笔记仅供参考，望指正。提示：以下是本篇文章正文内容，下面案例可供参考。
java上课代码java上课代码
10-09
"java上课代码"可能指的是在教授或学习Java编程时所编写的示例代码，这些代码通常涵盖了一系列Java语言的基础概念和高级特性。在这个压缩包文件"shangkedaima"中，我们可能找到了与Java课程相关的各种代码示例。 ...
上课随机点名/抽奖.html
04-07
输入名单，随机抽取数据 可用于老师上课点名或者抽奖啥的 一个简单的html页面，直接用浏览器打开就可以运行
上课代码.zip
12-19
【标题】"上课代码.zip"中的内容主要涵盖了Java编程语言中的多个核心概念，包括异常处理、接口、多态性、容器、继承与覆盖以及类型转换。以下是对这些知识点的详细说明： 1. **异常处理**（TestException.java）：...
html5——CSS列表样式属性
jiuyuexixi的博客
07-16 261
html5——CSS列表样式属性
HTML5应用的安全防护策略与实践
@云安全小杜
07-17 416
随着HTML5及其相关技术（如CSS3和JavaScript）的普及，Web应用变得越来越强大和复杂，同时也成为黑客攻击的目标。本文将探讨HTML5应用面临的常见安全威胁，以及如何通过最佳实践和代码示例来增强应用的安全性。
HTML5-canvas1
Violetto_Yan的博客
07-20 203
context.beginPath（）之后会用指定新的状态回值。最后一次会把前面的覆盖掉。把图形包在beginPath（）和closePath（）里面。若分别context.strokeStyle=“ ”fillRect()用fillstyle绘制填充矩形。最后一个lineto可以省略 ，会自动连接。strokeRect() 用 绘制矩形边框。4、后绘制的图形会遮挡前面的图形。1、canvas：创建画布。3、canvas自带api。绘制封闭图形 有空隙。
[课题设计]SSM框架开发个人通讯录+jsp+Java前后端分离带论文和源码.zip
07-20
本项目是一个基于SSM框架开发的个人通讯录应用，采用JSP作为前端技术，实现了前后端分离。项目针对计算机相关专业的学生以及需要进行项目实战练习的Java学习者，提供了完整的源码、数据库脚本和开发说明，同时附带论文参考，可作为毕业设计或课程设计的优质资源。 在功能方面，该项目实现了基本的通讯录增删改查功能，用户可以通过前端界面录入、修改和查询联系人信息，后台则通过SSM框架进行数据处理和业务逻辑的实现。此外，项目还支持分页显示功能，提高了用户体验。 技术层面，项目采用了成熟的SSM框架进行开发，确保了代码的结构清晰、易于维护。数据库选用MySQL，稳定可靠，且易于扩展。开发环境包括JDK、IDEA和Tomcat，配置简单，便于上手。 经过严格的调试，项目已确保可稳定运行。对于有一定基础的Java学习者，还可以在此基础上进行功能拓展，进一步提升实战能力。
物联网工程_基于定点室内消毒物联网机器人设计.docx
07-20
物联网工程_基于定点室内消毒物联网机器人设计
C语言-水仙花数代码实现
最新发布
07-20
c语言，C语言--水仙花数，代码实现
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现.docx
07-20
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现
java基于ssm+jsp旅行社管理系统源码 带毕业论文
07-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
Python 基础语法.ppt
07-20
Python
前端设计上课抽人名代码
03-06
在前端设计上课中，抽取人名的代码可以通过以下步骤实现： 1. 创建一个包含所有学生姓名的数组，例如`students`。 2. 使用JavaScript的`Math.random()`函数生成一个随机数，范围在0到数组长度减1之间。 3. 使用随机数作为索引，从数组中获取一个随机学生姓名。 4. 将随机学生姓名显示在前端页面上。 以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>抽人名</title> <script> function getRandomName() { var students = ["张三", "李四", "王五", "赵六", "陈七"]; var randomIndex = Math.floor(Math.random() * students.length); var randomName = students[randomIndex]; document.getElementById("result").innerHTML = randomName; } </script> </head> <body> <h1>前端设计抽人名</h1> <button onclick="getRandomName()">抽取</button> <p id="result"></p> </body> </html> ``` 当点击页面上的"抽取"按钮时，会随机从`students`数组中选择一个学生姓名，并将结果显示在页面上的`<p>`元素中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值