HTML登陆页面(1)

1.编码格式    <meta charet="utf-8">(告知浏览器此页面属于什么字符编码格式,进而让浏览器做好翻译工作)

2.<style type="text/css">(告知浏览器此文本内容要当css来解析,不能当作别的)

3.<link rel="stylesheet"type= "text/css" href=”“    (link  rel  代表引入外部文件/herf   代表路径)

4.在html里元素分为块级元素和行内元素(内联元素),行内元素书写之后不会自动换行(元素没有宽和高);块级元素写完会自动换行(宽高可以修改)

  行内元素有:heda  meat  title  lable  span  br  a   style  em  b  i  strong 

  块级元素有:body  from  select  textarea  h1-h6  html  table  button  hr  p  ol  ul  dl  cnter  div  

5.input是行内元素,若要将两个input分为两行要在前文进行注释{display:block;}

6.<div>相当于一个盒模型,是块级元素,为其id(#)取名    class?

margin为四个边距    

例1     margin:10px  5px  15px  20px  顺序为上右下左

例2     margin:10px  5px   15px  上为10px   右左为5px  下为15px

<!DOCTYPE html>

<html>

<head>

<title>编号</title>

<meta charset="utf-8">

<style type="text/css">

</style>

<link rel=""text/css" href="">

<style type="text/css">

input {

display: block;

}

button {

margin-top: 15px;

width: 162px;

}

#ji {

width: 200px;

margin: 200px auto;

}

</style>

</head>

<body>

<div id="ji" class="nini" >

<input type="text" name="text" placeholder="邮箱/手机号">

<input type="password" name="password" placeholder="密码">

<button>登录</button>

</div>

</body>

</html>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值