html—登录及注册页面设计

这篇博客详细介绍了如何使用HTML进行登录和注册页面的设计,包括文字处理、超链接设置、样式设置、表单元素如按钮、下拉菜单、多行文本等,并提供了具体的代码示例。
摘要由CSDN通过智能技术生成

一、文字处理

1、文字加粗:<strong><\strong>

2、文字换行:<br/>

3、文档标题:title

4、整体文字居中<body align="center">

5、整体字体颜色:<body style="color:white">

6、段落:<p>

7、标题:<h1>~<h6>

二、超链接设置

1、字体链接:<a href="链接地址">

2、按钮链接:<input type="button"  value="注册"  οnclick="window.open('链接地址')"

3、弹出窗口设置:<input type="button" value="提交"  οnclick=alert("提交成功!")>

    备注:alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

三、样式设置

1、外框设置

<body>---<DIV CLASS="bodered" >。。。</DIV>

<HEAD>---.bodered{bodered-style:solid;width:300px;height:300px}

2、图片大小设置:

2.1 背景图片 <body background="链接地址">

2.2 区域背景图片

<BODY>----<div id="tp">

<head>----#tp{width:200px;height:200px;background:url("链接地址")}

四、表单设置:

4.0  表单定义设置<form id="myform2" name="myform2" action="#" method="post">

4.1 按钮 <input type="button"  value="登录" style="width:300px;height=:200px">

4.2 下拉菜单

<SELECT id="place" name="place" style="width: 300px;height:30px">

<option value="shuoshi">硕士及以上</option>

<option value="benke">本科</option>

<option value="dazhuang">大专</option>

<option value="gaozhong">高中及以下</option>

</select>

4.3 下拉表单

<select id="software" name="software" multiple="mulyiple" size="3" style="width:300px;height: 50px;">

<option value="OFFICE" id="of" name="of">OFFIC办公软件</option>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值