扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > node.js >html初学者测试代码怎么写
  • 363

0
分享到

html初学者测试代码怎么写

2024-04-02 19:04:59 363人浏览 独家记忆
摘要

这篇文章主要介绍了html初学者测试代码怎么写的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html初学者测试代码怎么写文章都会有所收获，下面我们一起来看看吧。建立一个文本文档

这篇文章主要介绍了html初学者测试代码怎么写的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html初学者测试代码怎么写文章都会有所收获，下面我们一起来看看吧。

建立一个文本文档,复制粘贴如下代码.将文件的后缀名改为.html.用谷歌浏览器打开可查看效果

有的效果,可能别的浏览器不支持.

<!doctype html>

<html>

<head>

<meta charset="GBK">

<title>爱你的阿平</title>

</head>

<body>

<!-- <p><b>定义粗体文本</b></p>

<p><em>定义着重文字</em></p>

<p><i>定义斜体字</i></p>

<p><small>定义小号字<small></p>

<p><strong>定义重要的文本<strong></p>

<p>下标<sub>字</sub></p>

<p>上标<sup>字</sup></p>

<p><ins>定义插入字</ins></p>

<p><del>定义删除字</del></p>

<nav>

<a href="/html/">HTML</a>

<a href="/CSS/">CSS</a>

<a href="/js/">JS</a>

<a href="/Jquery">JQuery</a>

</nav>

<section>

<h2>W3C</h2>

<p>World Wide WEB Consortium(W3C)是万维网联盟...</p>

</section>

<aside>

<h5>Epcot Center</h5>

<p>The Epcot Center is a theme park in Disney World,Florida</p>

</aside>

<audio controls>

<source src="horse.ogg" type="audio/ogg">

<source src="horse.mp3" type="audio/mpeg">

你的浏览器不支持audio元素

</audio>

<br/>

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie=ogg" type="video/ogg">

你的浏览器不支持video标签

</video>

<br/> <!-- 换行 -->

<!-- 下载进度:

<progress value="30" max="100"></progress>

<br/>

<svg width="1000" height="1000"> <!-- 可伸缩矢量图形-->

<circle cx="100" cy="50" r="40" fill="red" /> <!-- 圆,省略cx,xy圆心默认就是(0,0)-->

<!-- </svg>

<!-- <svg width="1000" height="1000">

<rect width="400" height="200" x="20" y="20" fill="green" /> <!-- 矩形-->

<!-- </svg>

<!-- <svg width="500" height="510">

<line x1="20" y1="20" x2="300" y2="300"

style="stroke:#000000;stroke-linecap:round; stroke-width:20" /> <!-- 直线-->

<!-- </svg>

<!-- <svg width="2000" height="500" >

<polyline style="stroke-linejoin:miter; stroke:orange; stroke-width:12; fill=none;"

points="100 100,150 150, 200 100" /> <!-- 曲线-->

<!-- </svg>

<svg width="500" heigh="500">

<ellipse cx="200" cy="100" rx="150" ry="30" style="fill:blue" /> <!-- 椭圆-->

<!-- </svg>

<!-- <svg width="1000" height="1000">

<polyGon points="100 100,200 200, 300 0"

style="fill:Cyan; stroke:black;" /> <!-- 多边形-->

</svg>

<!-- <svg width="1000" height="250">

<rect width="150" height="150" fill="orange">

<animate attributeName="x" from="0" to="300" dur="3s" fill="freeze" repeatCount="2" /> <!-- svg动画-->

</rect> <!-- attributeName(指定产生动画的属性),repeatCount(循环次数,属性值:indefinite-无限循环-->

</svg>

<!-- <svg width="500" height="500">

<path d="M50 0 L75 200 L225 200 Z"/> <!-- 路径-->

</svg>

<!-- <canvas id="myCanvas" width="200" height="100"> <!-- <canvas>标签必须指定一个id(脚本中经常引用)-->

<!-- ctx.font="bold 20px Arial;

<!-- ctx.textAlign="阿平加油!"; <!-- 此部分代码应该在js中-->

<!-- ctx.fillText=("阿平加油!",20,40);

</canvas> -->

<br/>

<div class="section">

<fORM>

username:<input  type="text" name="username" placeholder="用户名" autofocus required  autocomplete="爱你的阿平"/> <!--autocomplete用法后期讲解-->

<input type="submit" value="提交啦"/> <br/><br/>

<input type="search" name="searchitem" align="center"/> <br/><br/> <!--align 貌似在这没用-->

</form>

<input list="browsers" autocomplete="Safari"/>

<datalist id="browsers"> <!-- 选项列表-->

<option value="Internet Explorer"> <!-- <input>标签可以嵌套在<form>标签内,也可以放在<body>标签之内-->

<option value="Firefox">

<option value="Chrome">

<option value="Opera">

<option value="Safari">

</datalist>

<p align="center">

<img   src="Http://m.qpic.cn/psb?/V13EM30s1KV4Be/cyuWdaEOm1w7Wj26pxCJ906Tr4iZc6FEBcwEZvRg7Mo!/b/dDIBAAAAAAAA&bo=CAc4BAAAAAARNzM!&rf=viewer_4"  width="300" height="200" align="center" alt="思念" border="10"/>  <!-- <img>标签的align没作用,需要放在<p>中,使用属性align-->

</p>

<a href="https://www.sogou.com/" target="_blank">搜狗</a> <!-- 超链接-->

</div>

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

</ul>

<hr/>

<ol>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

</ol>

<hr/>

<iframe  src="https://www.sogou.com/" wihth="300" height="200" frameborder="10"  align="center"><iframe> <!--内联框架-->

</body>

</html>

<br>

注意: 有的标签是没有align属性的,本代码中有的align是无效的. 若要测试部分代码的效果,请把"<!--" 删除

关于“html初学者测试代码怎么写”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“html初学者测试代码怎么写”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网node.js频道。

--结束END--

本文标题: html初学者测试代码怎么写

本文链接: https://lsjlt.com/news/94146.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • html初学者测试代码怎么写
    这篇文章主要介绍了html初学者测试代码怎么写的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html初学者测试代码怎么写文章都会有所收获，下面我们一起来看看吧。建立一个文本文档...
    99+
    2024-04-02
  • Python初学者必会的11道测试题，含代码！！
    前言 一个学妹问我的11道python题，我就顺手拿来做了下，发现有些题目还是很有意思的。 1 随机生成一个在[5,10]区间内的整数n,分别输出如下图所示的n行有规律字符图。 【提示】 (I)随机数...
    99+
    2023-10-23
    python 开发语言 算法
  • 初学者怎么更好自学Python代码
    这篇文章主要讲解了“初学者怎么更好自学Python代码”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“初学者怎么更好自学Python代码”吧！1.列表，字典和集合理解列表理解是许多Python...
    99+
    2023-06-16
  • Java JUnit 101：单元测试初学者指南
    简介 单元测试是一种软件测试类型，其中针对应用程序的单个单元（如方法或类）执行自动测试。JUnit 是 Java 中广泛使用的单元测试框架，它提供了一组用于编写和运行测试的注释和断言。 设置 要使用 JUnit，请将 JUnit 库添加...
    99+
    2024-02-16
    Java JUnit 单元测试 测试框架
  • 云服务器测试代码怎么写
    云服务器测试代码可以分为以下几个部分: 环境搭建和配置 在测试环境的搭建和配置方面,可以先搭建一个测试用例,然后对服务器进行搭建和设置,如CPU、内存、网络等,接着在测试环境中运行测试用例。在测试中需要对每个功能点进行单元测试,并对数...
    99+
    2023-10-27
    代码 服务器 测试
  • 在Python代码中初学者常用代码是什么
    今天就跟大家聊聊有关在Python代码中初学者常用代码是什么，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。主要记录初学者常用的一些代码：获取当前时间# -*- c...
    99+
    2023-06-17
  • PHP PHPUnit测试：初学者的一步步教程
    PHPUnit 是一个流行的 PHP 单元测试框架，它允许开发人员测试代码的各个方面，确保其准确性和可靠性。对于初学者来说，使用 PHPUnit 进行测试可能看起来很复杂，但通过分步指南，它可以变得更加容易。 第一步：安装 PHPUnit...
    99+
    2024-04-02
  • c语言单元测试代码怎么写
    在C语言中，可以使用一些单元测试框架来编写和运行单元测试代码。以下是一个使用CUnit框架编写的基本示例： #include #i...
    99+
    2023-10-26
    c语言
  • Python初学者的简单代码分享
    简单易懂的Python入门代码分享 Python是一种简单易学的编程语言，具有简洁的语法和强大的功能。对于初学者来说，一个好的入门代码示例可以让他们更容易理解和掌握Python的基本概念和语法。以下是几个简单易懂的Python入...
    99+
    2024-01-13
    Python 入门代码 简单易懂
  • JavaScript Jest 初学者指南：拆解单元测试基础
    引言 在软件开发中，单元测试是至关重要的，它验证了应用程序单个模块或功能的正确行为。Jest 是一个流行的 JavaScript 测试框架，以其简洁性、易用性和对现代 JavaScript 特性的支持而闻名。对于 JavaScript ...
    99+
    2024-02-17
    JavaScript Jest 单元测试 测试框架 测试用例
  • PHP学习笔记：代码测试与单元测试
    在软件开发领域，代码质量的保证是至关重要的。为了确保代码的正确性和稳定性，开发人员需要对代码进行测试。而单元测试是一种常用的测试方法，它能够对代码中的最小单元进行验证，以保证其功能的正确性。代码测试代码测试是一种广义上的测试方法，它包括了单...
    99+
    2023-10-21
    PHP学习笔记：代码测试 PHP学习笔记：单元测试 PHP学习笔记：测试
  • html验证码代码怎么写
    html验证码是一种用于防止垃圾邮件的验证方法，它显示一个扭曲或难以读取的字符序列，用户必须手动输入才能验证自己不是机器人。 HTML验证码代码 什么是HTML验证码？ HTML验证码...
    99+
    2024-05-16
  • java自动生成单元测试代码怎么写
    在Java中，可以使用各种框架来自动生成单元测试代码，比如JUnit、TestNG等。下面是使用JUnit框架来自动生成单元测试代码...
    99+
    2023-10-22
    java
  • HTML5初学者实用的CSS代码有哪些
    这篇文章主要介绍“HTML5初学者实用的CSS代码有哪些”，在日常操作中，相信很多人在HTML5初学者实用的CSS代码有哪些问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HT...
    99+
    2024-04-02
  • HTML新手代码怎么写
    本篇内容主要讲解“HTML新手代码怎么写”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML新手代码怎么写”吧!<marquee>...</...
    99+
    2024-04-02
  • html跳转代码怎么写
    这篇文章主要介绍了html跳转代码怎么写，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。html有什么特点1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适...
    99+
    2023-06-14
  • html居中代码怎么写
    HTML居中是网页设计中经常使用的一种布局方式，实现方法也比较简单。本文将详细介绍几种实现HTML居中的方法和对应的代码实现。一、水平居中1.用text-align属性实现水平居中在父元素中设置text-align属性为center，可以实...
    99+
    2023-05-14
  • html虚线代码怎么写
    html中创建虚线的代码：border-style: dotted;dotted：创建由点线组成的虚线。例如： 将创建一个具有 1像素宽虚线边框的 元素。 HTML虚线代码 HTM...
    99+
    2024-04-05
  • html框架代码怎么写
    为了创建网页布局，html 框架代码提供了结构骨架，定义了头部、页脚、主内容和侧边栏等区域。编写 html 框架代码包括：1. 创建 html 文件，定义页面结构；2. 创建 css 文...
    99+
    2024-04-22
    css 网页布局
  • html导航代码怎么写
    html 中编写导航栏的方式是使用 元素。创建 元素并使用 标签创建链接，在 标签之间添加文本内容，组织 标签，最后使用 css 添加样式。 HTML 导航代码 问题：HTM...
    99+
    2024-05-16
    css
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作