分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

web基础,用html元素制作web页面

发布时间:2023-09-06 01:18责任编辑:顾先生关键词:暂无标签

观察常用网页的HTML元素,在实际的应用场景中,用已学的标签模仿制作。

用div,form制作登录页面,尽可能做得漂亮。

练习使用下拉列表选择框,无序列表,有序列表,定义列表。

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>MIS测试平台</title></head><body><h1 align="center">MIS测试平台</h1><hr><div style="width: 400px"> ???<div id="header" style="background-color: deepskyblue"><h1 align="center">登陆</h1></div> ???<div id="body"> ???????<p>用户名:<input name="username" type="text"></p> ???????<p>密 ??码:<input name="password" type="password"></p> ???????<d1><input name="radioBm" type="radio" value="部门">部门 ???????<input name="radioStu" type="radio" value="学生">学生 ???????<input name="radioTea" type="radio" value="教师">教师 ???????<input name="radioFk" type="radio" value="访客">访客 <br></d1> ???????<input name="cheakbox" type="checkbox" checked="checked">记住我<br> ???????<input name="login" type="button" value="登陆" style="width: 60px" align="center"> ???</div> ???<div id="footer" style="background-color: deepskyblue"><h3 align="center"><i>版权@MIS</i></h3></div></div><div> ???<ul> ???????<li>肯德基</li> ???????<li>麦当劳</li> ???????<li>德克士</li> ???????<li>真功夫</li> ???</ul></div><div> ???<ol> ???????<li>百事可乐</li> ???????<li>可口可乐</li> ???????<li>美年达</li> ???????<li>美汁源</li> ???</ol></div><select> ???<option>农夫山泉</option> ???<option>怡宝</option> ???<option>百岁山</option></select></body></html>

web基础,用html元素制作web页面

原文地址:http://www.cnblogs.com/Naiky/p/7683835.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved