刚开始学习html的时候,会遇到一个这样的问题,html中空格怎么打?有的人可能就直接敲了一下空格键,但是这样是不正确的,毕竟敲的空格键不是一个代码,所以接下来本篇文章就来给大家介绍一下html中空格代码该怎么写。
在html中有五种空格的代码
( 以常用用户名密码登录界面来展示说明 )
html中空格代码的写法一:  (不换行空格)
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/user?method=login" method="post">
用户名:<input type="text" name="name"/> <br/>
密 码:<input type="password" name="password"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>
效果:
说明:一个 空格符只代表一个空格,如果要多个空格就需要敲多个 空格符,该空格占据宽度受字体影响明显而强烈。
html中空格代码的写法二: (半角空格)
看一个小例子:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/user?method=login" method="post">
用户名:<input type="text" name="name"/> <br/>
密 码:<input type="password" name="password"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>
效果:
说明:&ensp全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px),其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。
html中空格代码的写法三: (全角空格)
小例子:
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/user?method=login" method="post">
用户名:<input type="text" name="name"/> <br/>
密 码:<input type="password" name="password"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>
效果:
说明:&emsp全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
html中空格代码的写法四: (窄空格)
小例子:
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/user?method=login" method="post">
用户名:<input type="text" name="name"/> <br/>
密 码:<input type="password" name="password"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>
效果:
说明:该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。
html中空格代码的写法五:‌(零宽不连字)
说明:‌
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="<%=request.getContextPath()%>/user?method=login" method="post">
用户名:<input type="text" name="name"/> <br/>
密‌码:<input type="password" name="password"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>