初次使用markdown编辑的第一篇文章

最新推荐文章于 2024-08-05 17:22:58 发布
最新推荐文章于 2024-08-05 17:22:58 发布
阅读量168 收藏
点赞数 1
文章标签： html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46513129/article/details/105040862
版权

学习总结

记录我的asp.Net的课程设计

效果展示

学生端提交界面
学生端登录界面
教师端登录界面
教师查看界面

设计思想

  1. 疫情期间学生提交每天自己的健康状况
  2. 班主任可查看自己班的情况和批准请假的学生

参考资料

参考文献

《.net mvc 案例教程》

参考网站

html菜鸟教程

部分代码展示

css界面美化

<style type="text/css">
 	 	
 	 	        #biaoge th {
 		            padding-top: 5px;
 		            padding-bottom: 4px;
 		            background-color: #FFEBCD;
 	            padding-top: 8px;
 	            padding-bottom: 6px;
 	            
 	 	            color: #000000;
 	        
 	 	        }
 	        /*#check th {
 	            padding-top: 7px;
 	            padding-bottom: 5px;
 	            background-color: #FFEBCD;
 	            color: #000000;*/
 	            
 	           
 	        
 	        /*.le {
 	            float: left;
 	            position: absolute;
 	          top:150px;
 	            left: 300px;
 	        }*/
 	 	
 	        /*.ri {
 	            float: right ;
 	            position:absolute;
 	           top:150px;
 	            left: 600px;
 	        }*/
 	
 	        /*.btn {
 	            position: absolute;
 	            top: 600px;
 	            left: 600px;
 	        }*/
 	 	        #lie {
 	 	            text-align: right;
 	 	        }
 	 	
 	 	        #zhengwen {
 	 	            background-color: #FFEBCD;
 	            
 	            background-image: url('../../img/1.jpg');
 	 	        }
 	
 	 	        #btnsubmit {
 		            width:100px;
 		            height:40px;
 		            background-color:#0026ff;
 		            color:#000000;
 		            font-size:20px;
 	            width: 100px;
 	            height: 40px;
 	            background-color: #0026ff;
 	            color: #000000;
 	            font-size: 20px;
 	 	        }
 		        input{
 		            font-size:5px;
 		            color:#808080;
 	        .biao {
 	            width: 400px;
 	            height: 550px;
 	            border: groove 3px blue;
 	            text-align: center;
 	            background-color: #808080;
 	 	        }
 	
 	        input {
 	            font-size: 5px;
 	            color: #808080;
 	        }
 	        img{
 	            float:right;
 	        }
 	       h1{
 	           color:white;
 	        text-align:left;
 	       }
 	 	    </style>
 	 	</head>
 	 	

<body id="zhengwen">
 		    <h1 style="text-align:center">学生每日健康报备</h1>
 	    <h1  >学生每日健康报备:</h1>
 	    
 	    <div class="biao">
 	 	
 		    <table align="center" id="biaoge">
 		        <tr>
 		            <th id="lie">学生姓名：</th>
 		            <th><input type="text" name="name" value="请输入您的姓名"onFocus="this.value=''"></th>
 		        </tr>
 		        <tr>
 		            <th id="lie">联系电话：</th>
 		            <th><input type="text" name="phone"value="请输入您常用联系电话"onFocus="this.value=''"></th>
 		        </tr>
 		        <tr>
 		            <th id="lie">家庭住址：</th>
 		            <th><input type="text" name="address"value="请输入您的现详细住址"onFocus="this.value=''"></th>
 		        </tr>
 		        <tr>
 		            <th id="lie">今日体温：</th>
 		            <th><input type="text" name="tiwen"></th>
 		        </tr>
 		        <tr>
 		            <th id="lie">身体症状：</th>
 		            <th>
 		            
 		                <form>
 		                    <input type="checkbox" name="vehicle" value="Bike">良好
 		                    <input type="checkbox" name="vehicle" value="Car">发烧
 		                    <input type="checkbox" name="vehicle" value="Car">咳嗽<br>
 		                    <input type="checkbox" name="vehicle" value="Car">呕吐
 		                    <input type="checkbox" name="vehicle" value="Car">头痛
 		                    <input type="checkbox" name="vehicle" value="Car">昏迷
 		                </form>
 	        <table id="biaoge" align="center">
 	 	
 		</th>
 		        </tr>
 		        <tr>
 		            <th id="lie">是否来自武汉市：</th>
 		            <th>
 		                <label><input name="wuhanshi" type="radio" value="" />是 </label>
 		                &nbsp&nbsp&nbsp
 		                <label><input name="wuhanshi" type="radio" value="" />否 </label>
 		            </th>
 		        </tr>
 		        <tr>
 		            <th id="lie">是否来自湖北省：</th>
 		            <th>
 		                <label><input name="hubeisheng" type="radio" value="" />是 </label>
 		                &nbsp&nbsp&nbsp
 		                <label><input name="hubeisheng" type="radio" value="" />否 </label>
 		            </th>
 		        </tr>
 		        <tr>
 		            <th id="lie">是否接触过确诊人员：</th>
 		            <th>
 		                <label><input name="quezhen" type="radio" value="" />是 </label>
 		                &nbsp&nbsp&nbsp
 		                <label><input name="quezhen" type="radio" value="" />否 </label>
 		            </th>
 		        </tr>
 		        <tr>
 		            <th id="lie">是否接触疑似人员：</th>
 		            <th>
 		                <label><input name="yisi" type="radio" value="" />是 </label>
 		                &nbsp&nbsp&nbsp
 		                <label><input name="yisi" type="radio" value="" />否 </label>
 		            </th>
 		        </tr>
 		    </table>
 		    <br>
 		    <div style="text-align:center">
 	            <tr>
 	                <th id="lie">学生姓名：</th>
 	                <th><input type="text" name="name" value="请输入您的姓名" onFocus="this.value=''"></th>
 	            </tr>
 	            <tr>
 	                <th id="lie">联系电话：</th>
 	                <th><input type="text" name="phone" value="请输入您常用联系电话" onFocus="this.value=''"></th>
 	            </tr>
 	            <tr>
 	                <th id="lie">家庭住址：</th>
 	                <th><input type="text" name="address" value="请输入您的现详细住址" onFocus="this.value=''"></th>
 	            </tr>
 	            <tr>
 	                <th id="lie">今日体温：</th>
 	                <th><input type="text" name="tiwen"></th>
 	            </tr>
 	            <tr>
 	                <th id="lie">出行方式：</th>
 	                <th><input type="text" name="tiwen" value="私家车/火车/高铁" onFocus="this.value=''"></th>
 	            </tr>
 	 	
 		        <input type="submit"name="btnsubmit" id="btnsubmit"   value="提交" runat="server" οnclick="javascript:alert('提交成功!')" 
 		               onserverclick="btnSubmit_ServerClick" class="but_01"  />
 	            <tr>
 	                <th id="lie">身体症状：</th>
 	                <th>
 	 	
 		    </div>
 	                    <form>
 	                        <input type="checkbox" name="vehicle" value="Bike">良好
 	                        <input type="checkbox" name="vehicle" value="Car">发烧
 	                        <input type="checkbox" name="vehicle" value="Car">咳嗽<br>
 	                        <input type="checkbox" name="vehicle" value="Car">呕吐
 	                        <input type="checkbox" name="vehicle" value="Car">头痛
 	                        <input type="checkbox" name="vehicle" value="Car">昏迷
 	                    </form>
 	
 	                </th>
 	            </tr>
 	            <tr>
 	                <th id="lie">是否来自武汉市：</th>
 	                <th>
 	                    <label><input name="wuhanshi" type="radio" value="" />是 </label>
 	                    &nbsp&nbsp&nbsp
 	                    <label><input name="wuhanshi" type="radio" value="" />否 </label>
 	                </th>
 	            </tr>
 	            <tr>
 	                <th id="lie">是否来自湖北省：</th>
 	                <th>
 	                    <label><input name="hubeisheng" type="radio" value="" />是 </label>
 	                    &nbsp&nbsp&nbsp
 	                    <label><input name="hubeisheng" type="radio" value="" />否 </label>
 	                </th>
 	            </tr>
 	            <tr>
 	                <th id="lie">是否接触过确诊人员：</th>
 	                <th>
 	                    <label><input name="quezhen" type="radio" value="" />是 </label>
 	                    &nbsp&nbsp&nbsp
 	                    <label><input name="quezhen" type="radio" value="" />否 </label>
 	                </th>
 	            </tr>
 	            <tr>
 	                <th id="lie">是否接触疑似人员：</th>
 	                <th>
 	                    <label><input name="yisi" type="radio" value="" />是 </label>
 	                    &nbsp&nbsp&nbsp
 	                    <label><input name="yisi" type="radio" value="" />否 </label>
 	                </th>
 	            </tr>
 	        </table>
 	        <br />
 	 	
 	        @*<div class="btn" >*@
 	
 	        <input type="submit" name="btnsubmit" id="btnsubmit" value="提交" runat="server" onclick="javascript:alert('提交成功!')"
 	               onserverclick="btnSubmit_ServerClick" class="but_01" />
 	        
 	        
 	    </div>
 	    
 	 	</body>

用到的语言

  • html
  • C#
  • JAVA
  • javascript
  • SQL语句
blue_999
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Markdown语法
penuel
06-17 126
一级标题 二级标题 三级标题 四级标题 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 无序列表1 无序列表2 + 无序列表1 * 无序列表2 有序列表1 有序列表2 1. 有序列表1 2. 有序列表2 斜体 粗体 加粗斜体 删除线 背景高亮 *斜体* **粗体** ***加粗斜体*** ~~删除线~~ ==背景高亮== 超链接 [链接]:https://...
1-Markdown语言的基本语法
Bin的博客
06-09 243
标题 标题，共1 ~ 6级，标题前面分别加1 ~ 6个#号，并加一个空格。 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 效果如下 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 Ctrl+/可在原样显示与实际效果之间切换 1.代码引用 ​```代码对应的语言 被引用的的代码块 ​``` 下面为python的if语句实例 age = 12 if age >= 18: print('成年') else:
第一次使用CSDN，试一下markdown
u013684572的博客
01-10 655
我试一下吧 做一个实验 Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q 插入链接 Ctrl + L 插入代码 Ctrl + K 插入图片 Ctr
第一次使用CSDN-markdown编辑器
Handsome_C_wj的博客
08-19 151
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
初次使用Markdown编辑器
xiaopin007的博客
11-02 73
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
CSDN Markdown编辑器首次使用教程
世界属于三体
03-01 171
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
初次使用MarkDown编辑器
qingyun_wudaoletu的博客
10-20 3313
之前一直不愿意使用MarkDown编辑器，主要是它的字体背景，颜色大小什么不太好设置，不愿意去使用，但是上篇文章不用MarkDown一直发不出去，无奈只好选择MarkDown，确实很麻烦，   不过幸运的是，markdown的基本语法虽然不支持这些样式，但markdown支持HTML的语法，这就意味着markdown能够借助HTML实现功能扩展。就在我满怀心喜要使用使用我的前端知识来写出一篇样式绚
主流好用的Markdown文档编辑器
Rcain_R的博客
03-30 4550
常见的Markdown文档编辑器介绍及优缺点
Markdown编辑器使用教程，初次使用
weixin_43947170的博客
11-25 195
@Markdown编辑器使用教程 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新...
markdown guide
01-22
- **一级标题**：使用`#`加空格后接标题文本，例如：`# 我的第一个Markdown文档` - **二级标题**：使用`##`加空格后接标题文本，例如：`## 子标题` ##### 段落 - **普通段落**：只要单独一行文本即可构成一个段落...
MacDown应用（macOS下的MarkDown编辑器）
08-02
Markdown是一种轻量级的标记语言，它允许人们使用易...总之，MacDown作为一款优秀的Markdown编辑器，为macOS用户提供了高效、美观的Markdown写作环境，无论你是初次接触Markdown的新手还是熟练的开发者，都能从中受益。
hconMD:Markdown的哈希内容存储库
03-17
描述中的“初始页”可能指的是该项目的起始点或主页面，可能是用户首次访问hconMD时看到的第一个界面。这个页面可能包含项目简介、使用指南、API文档、示例或者常见问题解答等内容，帮助用户快速理解和使用hconMD...
typora-windows64-setup.zip
03-18
Markdown编辑器Typora是一款广受欢迎的文本编辑工具，尤其在编程、写作和文档处理领域深受喜爱。Typora的最新版本，如"typora-windows64-setup.zip"，于2020-03-18从官方网站获取，旨在为那些在访问Typora官网时遇到...
typecho：PHP博客平台。 简单而强大
02-03
2. **强大的Markdown支持**：Typecho内置Markdown编辑器，支持Markdown语法，使得文章排版更加方便，提高了写作效率。 3. **高效性能**：基于PHP开发，Typecho在运行速度和资源消耗方面表现出色，尤其对于小到中型...
HTML-09.表单项标签
程小白的博客
08-05 230
【代码】HTML-09.表单项标签。
HTML-04.新浪新闻-标题-超链接
程小白的博客
08-02 282
【代码】HTML-04.新浪新闻-标题-超链接。
前端面试宝典【HTML篇】【5】
BDawn的专栏
08-05 74
form标签用于定义 HTML 表单，它用于收集用户输入的数据。而input 标签则是表单中最常用的元素之一，用于创建各种类型的输入控件。 template 标签是 HTML5 中引入的一个新元素，用于定义文档中的不可见模板。这些模板可以被脚本动态地克隆并插入到文档的可见部分中，从而实现动态内容的快速构建。
前端面试宝典【HTML篇】【6】
最新发布
BDawn的专栏
08-05 216
canvas标签是 HTML5 中引入的一个新元素，它提供了一个矩形区域，可以在其中绘制图形或图像。canvas 本身并不具备绘图能力，它只是一个容器，所有的绘图工作都需要通过 JavaScript 来完成。 svg标签是用于定义可缩放矢量图形 (Scalable Vector Graphics, SVG) 的容器。SVG 是一种基于 XML 的图形格式，它允许开发者创建高质量的矢量图形，这些图形可以无限放大而不失真。SVG 图形不仅支持静态图像，还支持动画和交互式图形。
Markdown编辑器高级教程：新功能解析
本教程主要针对Markdown编辑器的使用方法展开，尤其适合初次使用者和希望提升写作效率的博主。 首先，Markdown编辑器提供了全新的界面设计，旨在提供更舒适的写作环境，增强用户体验。这种新设计不仅美观，而且在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值