web-初始前端

 

 

不区分大小写,单双引号,

 <html><head><title>初识HTML</title></head><body><h1>Hello world!</h1><img src = 'OIF-C.jfif'/></body>
</html>

 

<!-- 文件格式 -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!-- 兼容性 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>家人们,谁懂!</title>
</head>
<body><img src="../img\news_logo.png">新浪>正文<h1>焦点访谈</h1><hr>2023.8.8<hr>
</body>
</html>

 

 

 

 

 

 

<html><head>新浪网<style>#time{color: rgb(222, 218, 218);}#where{font-size: 15 px;}a{color: black;/* 去除下划线 */text-decoration: none;}p{text-indent: 35px;line-height: 35px;}#编辑{text-align: right;}</style></head><body><img src="../img/news_logo.png"><a href="https://www.cctv.com/" target="_self">新浪</a> >正文<hr><span id="time">2023.8.8</span> <span id = "where"> <a href="https://www.cctv.com/" target="_blank">央视网</a> </span><hr><!-- 正文 --><video src="../video/1.mp4" controls width="500px"></video><audio src="../audio/1.mp3" controls></audio><p><b>嘉宝啊</b>哇哇<strong>牛蛙</strong> 哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇1哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇dskjflkajs。</p><p>然后呢</p><img src="../img/7.jpg"><p>over</p><p id="编辑">责任编辑:陈锐</p></body>
</html>

 

<html><head>新浪网<style>#time{color: rgb(222, 218, 218);}#where{font-size: 15 px;}a{color: black;/* 去除下划线 */text-decoration: none;}p{text-indent: 35px;line-height: 35px;}#编辑{text-align: right;}#center{width: 65%;margin:0 auto;}</style></head><body><div id="center"><img src="../img/news_logo.png"><a href="https://www.cctv.com/" target="_self">新浪</a> >正文<hr><span id="time">2023.8.8</span> <span id = "where"> <a href="https://www.cctv.com/" target="_blank">央视网</a> </span><hr><!-- 正文 --><video src="../video/1.mp4" controls width="500px"></video><audio src="../audio/1.mp3" controls></audio><p><b>嘉宝啊</b>哇哇<strong>牛蛙</strong> 哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇1哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇dskjflkajs。</p><p>然后呢</p><img src="../img/7.jpg"><p>over</p><p id="编辑">责任编辑:陈锐</p></div></body>
</html>

 

<html><head><title>表格</title><style>tr{text-align: center;}</style></head><body><table border="1px" cellspacing="0" width="600px"><tr><th>序号</th><th>品牌</th><th>图标</th></tr><tr><td>1</td><td>华为</td><td><img src="../img/huawei.jpg"></td></tr><tr><td>2</td><td>阿里</td><td><img src="../img/alibaba.jpg"></td></tr></table></body>
</html>

<html><head><title>表单</title></head><body><form action="" method="get">用户名:<input type="text" name="username">密码:<input type="text" name="password"><input type="submit" value="提交"></form></body>
</html>

 

 

 

<html><head><title>表单</title></head><body><form action="" method="get">用户名:<input type="text" name="username"><br><br>密码  :<input type="password" name="password"><br><br>性别  :<label><input type="radio" name="gender" value="1">男 </label><label><input type="radio" name="gender" value="2">女 </label><br><br>科目  :<label><input type="checkbox" name="subject" value="java">java</label><label><input type="checkbox" name="subject" value="SQL">SQL</label><label><input type="checkbox" name="subject" value="web">web</label><br><br>文件  :<input type="file" name="file"><br><br>日期  :<input type="date" name="date"><br><br>时间  :<input type="time" name="time"><br><br>日期时间: <input type="datetime-local" name="datetime"><br><br>年龄  :<input type="number" name="age"> <br><br>邮件  :<input type="email" name="email"> <br><br>隐藏  :<input type="hidden" name="hidden"><br><br>学历  :<select name="degree"><option value="">请选择</option><option value="1">大专</option><option value="2">本科</option><option value="3">nice</option></select><br><br>描述  :<textarea name="description" cols="30" rows="10"></textarea><br><br><input type="submit" value="提交"><input type="button" value="未知"><input type="reset" value="重置"></form></body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/59896.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【雕爷学编程】Arduino动手做(199)---8x32位WS2812B全彩屏模块7

37款传感器与模块的提法&#xff0c;在网络上广泛流传&#xff0c;其实Arduino能够兼容的传感器模块肯定是不止37种的。鉴于本人手头积累了一些传感器和执行器模块&#xff0c;依照实践出真知&#xff08;一定要动手做&#xff09;的理念&#xff0c;以学习和交流为目的&#x…

使用 `nmcli` 在 CentOS 8 上添加永久路由

CentOS 8 使用 NetworkManager 作为默认的网络管理工具&#xff0c;因此我们可以使用 nmcli 工具来实现相同的目标。使用 nmcli 可以更加直观地管理路由&#xff0c;并且更符合 CentOS 8 的默认网络管理方式。 以下是使用 nmcli 在 CentOS 8 上添加永久路由的步骤&#xff1a;…

Spring中的AOP

Spring中的AOP 一.Spring AOP的概念 1.AOP的概述 AOP的全称是Aspect Oriented Programming&#xff0c;即面向切面编程。是通过预编译方式和运行期间动态代理&#xff0c;实现程序功能的统一维护的一种技术。AOP是OOP面向对象编程的一种延续。 使用OOP编程时&#xff0c;虽然…

模板学堂|SQL数据集动态参数使用场景及功能详解

DataEase开源数据可视化分析平台于2022年6月正式发布模板市场&#xff08;https&#xff1a;//dataease.io/templates/&#xff09;。模板市场旨在为DataEase用户提供专业、美观、拿来即用的仪表板模板&#xff0c;方便用户根据自身的业务需求和使用场景选择对应的仪表板模板&a…

后端进阶之路——Spring Security构建强大的身份验证和授权系统(四)

前言 「作者主页」&#xff1a;雪碧有白泡泡 「个人网站」&#xff1a;雪碧的个人网站 「推荐专栏」&#xff1a; ★java一站式服务 ★ ★前端炫酷代码分享 ★ ★ uniapp-从构建到提升★ ★ 从0到英雄&#xff0c;vue成神之路★ ★ 解决算法&#xff0c;一个专栏就够了★ ★ 架…

【C语言】操作符详解

目录 一、算数操作符 二、移位操作符 1.左移操作符 2.右移操作符 (1) 逻辑右移 (2) 算术右移 (3)小总结 三、位操作符 四、赋值操作符 五、单目操作符 六、关系操作符 七、逻辑操作符 八、 条件操作符 九、逗号表达式 十、下标引用、函数调用和结构成员 1. [ ]下…

深度解读|一站式ABI平台 Smartbi Insight V11 能力再升级

纵观过去&#xff0c;我们发现汽车和BI的发展有异曲同工之妙。 100来年&#xff0c;汽车的动力从蒸汽到燃油再到新能源&#xff0c;汽车的操控方式从手动到自动再到智能无人驾驶。而在BI领域&#xff0c;自1958年BI的概念提出后&#xff0c;底层数据准备从报表开发、Cube多维模…

搭建本地开发服务器

搭建本地开发服务器 :::warning 注意 在上一个案例的基础上添加本地开发服务器&#xff0c;请保留上个案例的代码。如需要请查看 Webpack 使用。 ::: 搭建本地开发服务器这一个环节是非常有必要的&#xff0c;我们不可能每次修改源代码就重新打包一次。这样的操作是不是太繁琐…

Docker的入门与使用

什么是Docker&#xff1f; docker官网 简介与概述 Docker 是一个开源的应用容器引擎&#xff0c;基于 Go 语言 并遵从 Apache2.0 协议开源。 Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中&#xff0c;然后发布到任何流行的 Linux 机器上&#x…

Java # Spring(2)

一、Spring事物 一、分类 编程式事物&#xff1a;代码中硬编码&#xff08;不推荐使用&#xff09; 声明式事物&#xff1a;配置文件中配置&#xff08;推荐使用&#xff09; 分类&#xff1a; 基于xml的声明式事物基于注解的声明式事物 二、隔离级别 ISOLATION_DEFAULT&…

webpack基础知识六:说说webpack的热更新是如何做到的?原理是什么?

一、是什么 HMR全称 Hot Module Replacement&#xff0c;可以理解为模块热替换&#xff0c;指在应用程序运行过程中&#xff0c;替换、添加、删除模块&#xff0c;而无需重新刷新整个应用 例如&#xff0c;我们在应用运行过程中修改了某个模块&#xff0c;通过自动刷新会导致…

【2.1】Java微服务: Nacos的使用

目录 Nacos介绍 Nacos安装 下载和安装 修改端口 启动 服务注册与发现 导入Nacos管理依赖 导入服务依赖 配置Nacos的服务地址 启动服务&#xff0c;查看已注册的服务 服务分级存储模型 分级存储模型介绍 具体结构 配置实例集群 同集群优先的负载均衡策略 服务权重配置…