三种方法编写的简单html界面(1)

制作一个简单HTML静态网页(HTML+CSS) 🥇 关于作者: 💬历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获优快云年度十大博客之星。 十载寒冰,难凉热血;多年过去,历经变迁,物是人非。 然而,对于技术的探索和追求从未停歇。 💪坚持原创,热衷分享,初心未改,继往开来!🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、background等属性的使用,外部大盒... 阅读详情

菜鸟入门级编码!请高手海涵!


首先是界面最终效果图:



第一种方法:

       由于是最简单的页面编写,这里采用txt转换为html的形式

       分成三个html文件

       采用frameset进行页面划分,然后简单的布局,最笨的换行方式,通俗易懂


zoo.html




right.html


left.html



制作一个简单HTML中华传统文化网页(HTML+CSS) 📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;... 阅读详情

相关推荐

网上书城原型界面样式编写(1)

原型界面样式编写 目录原型界面样式编写实现内容代码块编写总结 实现内容 1.用户登录注册界面编写 2.前台主界面编写 3.搜索书籍界面编写 4.购物车界面编写 代码块编写 用户登录注册界面代码 login.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录界面</title> <link rel="seylesheet" type="

m0_47906344的博客 1079

【手把手】制作一个简单的HTML网页

新建一个html文件: 我要给body添加一些样式,就在head元素上挂载一个style元素。 然后,写样式表: 效果: 这样的话,我们就可以看到body部分了。现在,我给body添加一点padding。 页面上看不出区别,让我们打开F12,看一下现在的body变成了什么样子。 示意图: 从图中可以看出,body元素分为三层,最里面的一层,就是520 x 500的那部分,这个叫做内部真实空间,也就是说,你可以在里面添加其他元素,比如div元素,p元素,a元素等等。然后中间的一层就是paddin

java小白翻身 9万+

蓝牙Mesh安全机制全解析:如何防止你的智能门锁被黑客控制?

本文深入解析蓝牙Mesh安全机制,重点探讨如何保护智能门锁免受黑客攻击。详细介绍了蓝牙Mesh的多层次安全架构,包括密钥管理体系、设备入网流程及实战防护策略,帮助用户构建更安全的智能家居网络。

h3i4j的博客 732

制作一个简单HTML个人网页网页(HTML+CSS)

制作一个简单的HTML个人网页

weixin_46153254的博客 37万+

无人机航拍实战:如何用Python代码精准计算目标地理坐标(附完整代码)

本文详细介绍了如何利用Python代码实现无人机航拍图像中目标点的精准地理位置计算。通过解析从像素坐标系到WGS84大地坐标系的完整转换链条,结合相机内参、无人机姿态与地球曲率处理,提供了可直接运行的实战代码,并重点分析了地理位置计算中的常见误差来源与应对策略,助力开发者解决实际项目中的定位漂移问题。

hh234的博客 359

ESP8266 进行HDLC解码,AX.25,APRS

/************************************************************** 函数名:aprs_wait_begin() 参 数:无 返回值:bool true=得到合法脉冲,false=未得到 说 明:等待第1个833us高脉冲,判断范围 730-930,其他忽略 ***************************************************************/ bool aprs_wait_begin(){ stati

蓝蓝的博客 1634

简单入门编写html登录界面

HTML登录代码 HTML 元素 HTML 元素

WSY444的博客 1万+

YOLO11改进大全:卷积层、轻量化、注意力机制、损失函数、Backbone、SPPF、Neck、检测头全方位优化汇总

YOLOv11改进大全:卷积层、轻量化、注意力机制、损失函数、Backbone、SPPF、Neck、检测头全方位优化汇总

魔改工程师的博客 4544

HTML 的基本结构与简单文件编写方法

DOCTYPE html>声明必须准确无误且位于文档开头,否则可能影响浏览器渲染。​元素的嵌套要遵循正确的层级关系,例如<body>元素必须在<html>元素内,且<head>和<body>是同级关系。​保存文件时注意编码格式和后缀名,确保文件能被浏览器正确识别。​。

2403_89524622的博客 1891

彻底解决Win11锁屏界面黑屏或者图片不变化

windows锁屏后黑屏

renkai721的专栏 1万+

家人们,谁懂啊,dify又报错了:[models] Bad Request Error, 500 Server Error:Internal Server Error for url: http://

本来今天下班,坐在地铁上,一身劳累。一起上班的小兄弟儿,突然甩来一张截图:老大!dify又报错了。没办法,一到家就打开电脑,开始排查。

xiezhipu的博客 883

简单的html登录界面

登陆界面效果图

m0_54149550的博客 3万+

YOLOv11改进 | 细节涨点篇 | DySample一种最新的轻量化动态上采样算子(效果完爆CARAFE)

本文给大家带来的最新改进机制是一种号称超轻量级且有效的动态上采样器——DySample。与传统的基于内核的动态上采样器相比,DySample采用了一种基于点采样的方法,相比于以前的基于内核的动态上采样器,DySample具有更少的参数、浮点运算次数、GPU内存和延迟。此外,DySample在包括语义分割、目标检测、实例分割、全景分割和单目深度估计在内的五个预测任务中,性能均优于其他上采样器(截至目前最有效的上采样算子),

Snu77的博客 4213

HTML简单登录界面的实现

简单登录界面的实现: 直接一个实例上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录</title> <style>

no_head_no_hand的博客 3万+

UE4打包为Framework库嵌入iOS原生工程

UE4打包为Framework库嵌入iOS原生工程

tangfuling1991的博客 1294

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

html编写app页面,html5写一个简单的手机app的设置界面

Documenthtml{font-size:100px;}body{background: rgb(239,239,239);}body,a,h3,span{padding:0;margin:0;text-decoration: none;}.header{background: #26A69A ;height: 0.44rem;font-size:0.14rem;color: white;pa...

weixin_29602351的博客 4601

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

html文件的编写方法,1.2HTML文件的编写方法

HTML文件的的编写方法有很多种,我用过三种,Dreamweaver——Sublimetext3——HBuilder。目前HBuilder是新宠!​​1.2.1使用记事本手工编写HTML​HTML是一款一文字为基础的语言,并不需要什么特殊的开发环境,可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名,将HTML源代码输入到记事本并保存之后,可以在浏览器中打开文档以查看效果...

weixin_30062415的博客 3745

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

html登录界面_制作一个简单的HTML登陆界面

每个网站都会有登录页面,那你知道如何写HTML登录页面吗?诺亚今天这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:登 录立即注册忘记密码CSS部分:* { margin: 0; padding: 0; } html { height: 100%; ...

weixin_39914499的博客 5880

简单的HTML登录界面

1 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapc

mingzi1245的博客 10万+

HTML简单登录界面制作

利用HTML、CSS、和简单JS制作一个登录界面,具备账号密码验证及跳转功能。

yk41000的博客 3053

html+css+javaScript实现一个简单的注册界面

html+css+js实现一个简单的注册界面 自学html,css,js也有一小段时间了,尝试着做点东西来巩固一下,就决定实现这个简单的注册界面。实现的注册界面很普通,没有加上华丽的装饰,但能实现基本的注册界面应有的效果。 注册界面的效果: 1.未输入或输入框为空时会有默认值提示输入信息 2.输入框获取焦点时时会清空默认值 3.输入不符合要求时会有警告提示 4.全部信息未输入正确时无法注册提交 5.地址选择时,选择省份后会有该省份相应的市提供选择 注册界面: 附上代码:(代码里有详细的注释) logini

小小城序员的博客 9651

用HTML和CSS实现一个简单的登录界面

作为一个有审美的程序猿,我希望自己写的页面能够漂漂亮亮的。今天就分享一个简单又好看的登录界面,只需要一会会儿啦! 先给大家看看成品的样子 简单介绍一下这个登录页面的效果。当我们把鼠标聚焦到两个输入框时,输入框的长度会变大,并且边框的颜色会改变。当鼠标移动到提交按钮的范围内,按钮会给内部填充颜色。 话不多说,我们现在就步入正题: 首先搭建好HTML框架,在里面将自己要在页面上显示的模块都实现 ...

weixin_43916694的博客 1万+

1.HTML介绍&在PyCharm中编写HTML

文章目录1.HTML1.1版本1.2区别2.HTML文档2.1HTML标签2.2元素2.3属性2.4基本结构2.5标签分类2.6标签关系分类 1.HTML HTML:超文本标记语言,使用一套标记标签来描述网页。 1.1版本 详细: https://blog.youkuaiyun.com/qq_46137324/article/details/120382079 1.2区别 0. HTML:语言是分非常宽松,容错性强。 1. XHTML:更为严格,要求标签必须小写,必须严格闭合··· 太过严格被抛弃 2. HTML.

清风 2万+

HTML,CSS编写简单的登录注册界面

HTML,CSS编写简单的登录注册界面。

weixin_57383920的博客 1724

HTML+CSS简单登录界面

初学HTML和CSS,业余时间写了一个极其简单的登录界面 (不得不说,地平线4的画质实在太棒,随便截了一张当界面背景) 界面效果 实现代码: HTML部分: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>请登录</title> <link rel="stylesheet" href="登录界面-1.css" type="

NJR10byh的博客 4145
上一篇: 简单的SSH整合登录注册
下一篇: 三种方法编写的简单html界面(2)
Sakura_sql
博客等级 码龄12年 3粉丝 3原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值