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.rhkb.cn/news/82993.html

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

相关文章

第二课-一键安装SD-Stable Diffusion 教程

前言 看完这篇文章并跟着操作,就可以在本地开始 SD 绘图了。 理论上来说,这篇课程结束,想要画什么图都可以画了。 启动器介绍 SD 是开源的,可以在 github 上找到。但直接下载源码安装,非常费劲,而且因为国内外差异,就是我这样的秃头程序员也难以应对。 所以,我们改…

面试攻略,Java 基础面试 100 问(二)

五大基本原则 单一职责原则SRP(Single Responsibility Principle) 是指一个类的功能要单一&#xff0c;不能包罗万象。如同一个人一样&#xff0c;分配的工作不能太多&#xff0c;否则一天到晚虽然忙忙碌碌的&#xff0c;但效率却高不起来。 开放封闭原则OCP(Open&#xff0…

uniapp实现自定义导航内容高度居中(兼容APP端以及小程序端与胶囊对齐)

①效果图如下 1.小程序端与胶囊对齐 2.APP端内容区域居中 注意&#xff1a;上面使用的是colorui里面的自定义导航样式。 ②思路&#xff1a; 1.APP端和小程序端走不同的方法&#xff0c;因为小程序端要计算不同屏幕下右侧胶囊的高度。 2.其次最重要的要清晰App端和小程序端…

Unity游戏源码分享-儿童益智数学大脑训练游戏

Unity游戏源码分享-儿童益智数学大脑训练游戏 5秒内选择答案 项目下载地址&#xff1a;https://download.csdn.net/download/Highning0007/88198773

[RoarCTF 2019Online Proxy]sql巧妙盲注

文章目录 [RoarCTF 2019Online Proxy]sql巧妙盲注解题脚本脚本解析 [RoarCTF 2019Online Proxy]sql巧妙盲注 解题 在源代码界面发现&#xff1a;Current Ip 我们会联想到&#xff1a;X-Forwarded-For来修改ip&#xff1a; 结果我们发现&#xff0c;response会讲Last Ip回显出…

成集云 | 畅捷通采购单同步至钉钉 | 解决方案

源系统成集云目标系统 介绍 畅捷通是一家专业的金融科技公司&#xff0c;致力于为投资者提供便捷、高效的金融服务。通过畅捷通T的交易方式&#xff0c;投资者可以更加灵活地进行买卖交易&#xff0c;并且在交易完成后即可获得结算款项&#xff0c;无需等待T1的结算周期。 钉…

Webpack怎么使用?

Webpack 使用 前几篇文章中已经介绍了如何初始化包管理器 package.json 这里不再重复介绍&#xff0c;如有需要请查看 搭建工程化项目。 安装 :::warning 注意 请确保你已经安装了 yarn&#xff0c;如有需要请查看 搭建工程化开发环境。 ::: 通过命令 yarn add webpack web…

大数据技术之Hadoop:HDFS集群安装篇(三)

目录 分布式文件系统HDFS安装篇 一、为什么海量数据需要分布式存储 二、 分布式的基础架构分析 三、 HDFS的基础架构 四 HDFS集群环境部署 4.1 下载安装包 4.2 集群规划 4.3 上传解压 4.4 配置HDFS集群 4.5 准备数据目录 4.6 分发hadoop到其他服务器 4.7 配置环境变…

实例033 制作闪烁的窗体

实例说明 Windows系统中&#xff0c;当程序在后台运行时&#xff0c;如果某个窗口的提示信息需要用户浏览&#xff0c;该窗口就会不停的闪烁&#xff0c;这样就会吸引用户的注意。同样&#xff0c;如果在自己的程序中使某个窗口不停的闪烁就会吸引用户的注意。本例设计了一个闪…

设计模式之工厂模式

简单工厂 由一个工厂生产多个产品。 一般工厂 每个产品都有一个单独的工厂专门生产。 抽象工厂 不同工厂生产不同种类的产品&#xff0c;每个工厂生产的同类产品又可以再次分类。比如一个鼠标工厂和一个键盘工厂&#xff0c;他们可以为不同的品牌生产鼠标和键盘。

手写SpringCloud系列-一分钟理解微服务注册中心(Nacos)原理。

手写SpringCLoud项目地址&#xff0c;求个star github:https://github.com/huangjianguo2000/spring-cloud-lightweight gitee:https://gitee.com/huangjianguo2000/spring-cloud-lightweigh 一&#xff1a;什么是注册中心 1. 总结服务注册中心 我们可以理解注册中心就是一个…

Mermaid语法使用

Mermaid语法使用 1. 基础类1.1 流程图1.2 时序图 2. 工程图2.1 类图2.2 Git图 1. 基础类 1.1 流程图 graph TBid1(圆角矩形)--普通线-->id2[矩形];subgraph 子图id2粗线>id3{菱形}id3-. 虚线.->id4>右向旗帜]id3--无箭头---id5((圆形))end方向定义 用词含义TB从…

[OnWork.Tools]系列 05-系统工具

简介 系统工具主要是将Window常用工具的快捷启动的集合 双击快速启动 计算器,记事本,截图,画图工具 控制面板,服务管理,关闭显示器,关机 启动文件夹,我的电脑,管理工具 右键菜单 添加快捷方式到桌面

通过anvt X6和vue3实现图编辑

通过anvt X6 X6地址&#xff1a;https://x6.antv.antgroup.com/tutorial/about&#xff1b; 由于节点比较复杂&#xff0c;使用vue实现的节点&#xff1b; x6提供了一个独立的包 antv/x6-vue-shape 来使用 Vue 组件渲染节点。 VUE3的案例&#xff1a; <template><div…

基于Python 简易实现接口测试自动化

目录 实现思路 统筹脚本 请求封装 日志封装 结果比对 结果邮件 用例获取及数据格式化 请求url转换 测试用例excel结构 测试报告 邮件接收结果 资料获取方法 实现思路 使用excel管理用例用例信息&#xff0c;requests模块发送http请求&#xff0c;实现了记录日志&…

数据挖掘具体步骤

数据挖掘具体步骤 1、理解业务与数据 2、准备数据 数据清洗&#xff1a; 缺失值处理&#xff1a; 异常值: 数据标准化&#xff1a; 特征选择&#xff1a; 数据采样处理&#xff1a; 3、数据建模 分类问题&#xff1a; 聚类问题&#xff1a; 回归问题 关联分析 集成学习 image B…

ESP8266_RTOS_SDK AP和Station功能实现

一、开发环境搭建 SDK开发工具集选择乐鑫配置&#xff1a;VirtualBox Linux 交叉编译工具 使用的是以下这块开发板 VirtualBox下载地址 Lubuntu 镜像下载地址Lubuntu是一个轻量级系统&#xff08;由乐鑫官方提供&#xff09; source insight 编辑代码 为了便于我们开发&…

CSS的引入方式有哪些?

聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ 内联样式&#xff08;Inline Styles&#xff09;⭐ 内部样式表&#xff08;Internal Stylesheet&#xff09;⭐ 外部样式表&#xff08;External Stylesheet&#xff09;⭐ 导入样式表&#xff08;Import Stylesheet&#xff09;⭐ 写在最…

Wlan——射频和天线基础知识

目录 射频的介绍 射频和Wifi 射频的相关基础概念 射频的传输 信号功率的单位 射频信号传输行为 天线的介绍 天线的分类 天线的基本原理 天线的参数 射频的介绍 射频和Wifi 什么是射频 从射频发射器产生一个变化的电流&#xff08;交流电&#xff09;&#xff0c;通过…

目前Java后端就业前景怎么样?

前言 并不乐观&#xff0c;看看现在的就业形式就知道了&#xff0c;基本上是僧多粥少的情况&#xff0c;你可能会看到很多编程语言排行榜或者流行榜中Java的排名很高&#xff0c;如同下面这种&#xff1a; 看排名确实可以粗略的得知语言当下的流行度、使用率&#xff0c;但是它…