java复习前端篇——HTML
HTML:超文本标记语言(页面中可以包含图片、音乐、链接、程序等非文字元素,通过一组标签的形式描述事物的一门语言)
HTML的结构标签:根标签:<html>、头标签:<head>、体标签:<body>
HTML的字体标签:<font>
属性:color {字体颜色分为两种(1)英文单词设置:black,red,green,blue...(2)使用16进制数设置:#FFFFFF , #FFF}
size{字体的大小}
face{字体的样式}
HTML的排版标签:
标题标签:h标签 <h1>...<h6>
段落标签:p标签 <p>...</p>
加粗标签: <b>内容</b>
斜体标签: <i>内容</i>
下划线标签: <u>内容</u>
居中标签: <center>内容</center>
原生标签: <pre>
水平线标签: <hr/>
HTML的图片标签:图片标签:<img>
属性:src:图片的来源、width:图片的宽度、height:图片的高度、alt:图片找不到显示的内容
HTML的列表标签:
无序列表:<ul> 属性:type 内部使用 <li>
有序列表:<ol> 属性:type,start 内部使用 <li>
HTML的超链接标签:
超链接标签:<a> 属性:href(链接地址)、target(打开方式 _self(在自身页面打开),_blank(新打开一个窗口),_parent(在父框架中打开被链接文档))
HTML的表格标签:<table>
table的属性:
属性:border,width,height,bgcolor, backgroud, align
行标签:<tr>
属性:width,height
列标签:<td>
属性:width,height,colspan=”列数”, rowspan=”行数”
colspan合并列(规定此单元格可横跨的列数):把所占的两列的元素合并成一行{有点类似于excel表格的合并行}
rowspan合并行(规定此单元格可横跨的行数):把所占的两行的元素合并成一列{有点类似于excel表格的合并列}
==========================================================================================================================================
HTML的表单标签:<form>标签 属性:action(表单提交的路径),method(提交方式 GET和POST) {GET:数据会显示到地址栏中.GET方式提交是有大小的限制、POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.}
表单中表单元素:<input>
type=“text” 文本框:
name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
value:文本框的默认值.
size:文本框的长度.
maxlength:文本框输入的最大长度.
readonly:只读文本框.
placeholder: 提示用户输入信息
type="password" 密码框:
name:表单元素的名称.必须有name属性,然后后台才可以接收数据
value:密码框的默认值
size:密码框的长度
maxlength:密码框输入的最大长度
placeholder: 提示用户输入信息
type="radio" 单选按钮:
name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
value:单选按钮的默认值.
checked:单选按钮默认被选中.
type="checkbox" 复选按钮:
checked:单选按钮默认被选中.
value:单选按钮的默认值.
name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
type="submit" 提交按钮
type="reset" 重置按钮
type="button"
type="file" 文件上传的表单项
type="hidden" 隐藏字段
type="image" 图片按钮
<select> 下拉列表:
name:表单元素的名称.必须有name属性,然后后台才可以接收数据.
<option>里面的属性: value 默认值 selected 默认选项
<textarea> 文本域(类似于留言版块)
==========================================================================================================================================
上一篇: Vue.js下载方式及基本概念
下一篇: 小米3s 搭载MIUI V6