java复习前端篇——HTML
2018-06-18 00:38:02来源:未知 阅读 ()
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> 文本域(类似于留言版块)
==========================================================================================================================================
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:设计模式-建造者模式
- 国外程序员整理的Java资源大全(全部是干货) 2020-06-12
- 2020年深圳中国平安各部门Java中级面试真题合集(附答案) 2020-06-11
- 2020年java就业前景 2020-06-11
- 04.Java基础语法 2020-06-11
- Java--反射(框架设计的灵魂)案例 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash