前端的一些相关知识

文本标签

html页面敲任意多个空格恒等于一个空格 
html中一个空格可以用下列两种方式表示：  或者   
  表示一个像素（px）单位的空格 
 表示一个汉字的宽度 ，一个 =16 

 图片标签：img 
 src：1.可以写入链接。2.可以写本地图片路径 
 title：鼠标放到图片上可以提示文字 -->
 alt：当图片不显示时，显示文字 -->
 width、height：能够修改图片、标签盒子等的显示宽度和高度 

href:
                    1.引入在线链接。
                    2.可以引入本地文件(html文件)。
                    3.可以引入id选择器

iframe:经常被用在登录、注册页面
        
        <iframe src="https:www.bilibili.com" width="1920px" height="1080px"></ifram -->
        列表的内容放在li 
         列表在网站中主要被用来做下拉菜单 和展示同一内容

inout:默认是一个文本框，但是通过修改type的属性的值构造陈不同的形式 
maxlength:限制输入的长度 

<input type="password" placeholder="请输入密码" maxlength="5"/>
		<!-- value:当input为按钮时，在 按钮上显示文字 -->
		<input type="submit"value = "登录"/>
		<input type="color"/>
		<input type="file"/>
		<input type="date"/>
		<input type="time"/>

 name:告诉系统两个单选框属于同一类
 将单选框中id属性值设置为lable标签中的for属性值相同，表示相关联

<input type="radio"name = "gerder" id="gender1"/><label for="gender1">男</label>
		<input type="radio"name = "gerder" id="gender2"/><label for="gender2">女</label>
		<br />
		<p>今晚吃啥</p>
		<input type="checkbox" name=" food"/><label for="1">面条</label>
		<input type="checkbox"name=" food"/><label for="2">炒菜</label>
		<input type="checkbox"name=" food"/><label for="3">水饺</label>
		<input type="checkbox"name=" food"/><label for="4">火锅</label>