欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

java复习前端篇——HTML

程序员文章站 2022-04-04 17:47:25
HTML:超文本标记语言(页面中可以包含图片、音乐、链接、程序等非文字元素,通过一组标签的形式描述事物的一门语言) HTML的结构标签:根标签:、头标签:、体标签: HTML的字体标签: 属性:color {字体颜色分为两种(1)英文单词设置:blac ......

  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表格的合并行}

 java复习前端篇——HTML

 

rowspan合并行(规定此单元格可横跨的行数):把所占的两行的元素合并成一列{有点类似于excel表格的合并列}

 java复习前端篇——HTML

 

 

==========================================================================================================================================

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> 文本域(类似于留言版块)

 ==========================================================================================================================================