java复习前端篇——HTML

2018-06-18 00:38:02来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:设计模式-建造者模式

下一篇:源码阅读之ArrayList(JDK8)