表单标签 form 表单是一个包含表单元素的区域表单元素是允许用户在表单中输入内容,比如:文本域(textarea).输入框(input).单选框() 表单的作用 form标签作用是把用户输入数据信息提交到服务端. 表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select和 label标签. form是块级标签,独占一行 1.语法 <form>允许出现表单控件</…
表单控件分类 input标签: input标签 type属性的text,password,button按钮,submit按钮 input标签placeholder属性 标签上显示内容 input标签 disable属性 input标签 type属性radio单选框 input标签 type属性checkbox 多选框 input标签 type属性file 上传文件 input标签 type属性reset 重置按钮 label标签 button标签 select标签 下拉框 textarea标签…
input标签用于接收用户输入.可以利用input 可以做登录页面 input标签是行内块标签 <input> 元素会根据不同的 type 属性,变化为多种形态. name属性:表单点击提交按钮时,提交form表单时候,在url上显示, 是一个key-value形式,注意和id的区别 type属性值 表现形式 对应代码 text 单行输入文本 <input type=text" /> password 密码输入框 <input type="password…
定义:<label> 标签为 input 元素定义标注(标记). label标签功能:关联input标签文本与表达元素,点击input标签文本时,如同点击表单元素一样. label标签是行内标签,在一行显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compati…
超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位置. a标签属于行内标签: 在一行内显示 href属性:目标URL <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-…
段落标签 <p>,paragraph的简写.定义段落,默认段落之间有间隔的 浏览器展示特点: 跟普通文本一样,但我们可以通过css来设置当前段落的样式 是否又独占一行呢? 答案是的 块级元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible"…
标题标签 h1~h6 <h1> - <h6> 标签可定义标题.<h1> 定义最大的标题.<h6> 定义最小的标题. 由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构.因此,请不要利用标题标签来改变同一行中的字体大小.相反,我们应当使用css来定义来达到漂亮的显示效果. 标题标签通常用来制作文章或网站的标题. 块级元素: 独占一行 h1~h6标签的默认样式: <!DOCTYPE html> <html lang=…
盒子标签 div <div>可定义文档的分区 division的缩写 译:区 <div> 标签可以把文档分割为独立的.将他们进行分区 div在浏览器中,默认是不会增加任何的效果的,但是语义变了,div中的所有元素是一个小区域. div主要通过CSS样式为其赋予不同的表现.DIV+CSS来实现各种样式. div是块级标签,独占一行 div用的最多的标签 标签之间可以嵌套 <!DOCTYPE html> <html lang="en"> &l…
列表标签 ul,ol,li ul.ol.li标签 都属于块级标签,独占一行 网站页面上一些列表相关的内容比如说物品列表.人名列表等等都可以使用列表标签来展示.通常后面跟<li>标签一起用,每条li表示列表的内容,li不能单独存在,必须包裹在ul,ol里面 <ul>:unordered lists的缩写 无序列表,无序列表中的每一项是<li> <!DOCTYPE html> <html lang="en"> <head&g…
图片标签 <img/> 一个网页除了有文字,还会有图片.我们使用<img/>标签在网页中插入图片. <img/> 是单闭合标签 语法:<img src="图片地址" alt="图片加载失败时显示的内容" title = "鼠标悬浮时提示信息" height="高(宽高两个属性只用一个会自动等比缩放)" width="宽度"/> img标签属于行内标签: 在一行…