Java - web - html

2021/10/9 11:36:17

本文主要是介绍Java - web - html,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Java - web - html

  • Java - web - html
    • 元信息标记
    • body
    • 文本
    • 列表
    • 表格
    • 超链接
    • 表单

Java - web - html

元信息标记

<meta name = "属性名称" content = "输入具体的关键字">

<meta name = "description" content = "设置页面说明">
<meta name = "generator" content = "编辑软件名称">
<meta name = "author" content = "作者的姓名">

<!--设置网页文字及语言-->
<meta http-equiv = "content-type" content = "tetx/html ; charset = UTF-8" >

<!--设置网页定时刷新-->
<meta http-equiv = "refresh" content = "跳转的时间 ; url = 跳转的地址">
<meta http-equiv="refresh"  content=" 5;url = http://www.baidu.com " >

body

属性描述示例代码
bgcolor网页背景颜色bgcolor = “颜色”
background网页背景图片background = “图片地址”
text文字颜色text = “文字颜色”
link链接文字属性link = “链接的颜色”
topmargin上边距topmargin = “上边距的值”
leftmargin左边距leftmargin = “左边距的值”

文本

<h1></h1>
<h2 align = 对其方式 ></h2>
<h3 align = left/center/right></h3>

<font face = "字体样式" size = "文字字号" color = "字体颜色"></font>
<font face = "宋体" size = "7" color = "#FF0000"></font>

格式化操作

  1. 加粗
<b>加粗的文字</b>
<strong>加粗的文字</strong>
  1. 斜体
<i>斜体文字</i>
<em>斜体文字</em>
<cite>斜体文字</cite>
  1. 上下标
<sup>上标内容</sup>
<sub>下标内容</sub>
  1. 下划线
<u>下划线内容</u>
  1. 段落
<p>
    段落内容
</p>
  1. 换行/不换行
<!--换行-->		<br>
<!--不换行-->		<nobr>不换行文字</nobr>
  1. 水平线
<hr width = "宽度" size = "高度" noshade color = "颜色" align = "对齐方式">
<!--noshade		去掉阴影-->

列表

有序列表

<ol type ="序号类型" start = "起始数值">
    <li>有序列表项</li>
</ol>
<!--起始数值只能是数字,但是对其他序号同样有效-->

序号类型

type列表项目序号
1数字1,2,3,4…,
a小写英文字母a,b,c,d…
A小写英文字母A,B,C,D…
i小写罗马数字
I大写罗马数字

无序列表

<ul type ="符号类型" >
    <li>有序列表项</li>
</ul>
<!--起始数值只能是数字,但是对其他序号同样有效-->
类 型 值列表项目的符号
Disc默认值,黑色实心圆点项目符号“●”
circle空心圆环项目符号“○”
square正方形的项目符号“□”

表格

<caption>表格标题</caption>
<th>表头</th>
<td>普通表格</td>

<table border = "边框宽度" bordercolor = "边框颜色" cellspacing = "内框宽度指" cellpadding = "文字与边框距离值">
    <tr>
    	<th valign = "垂直对齐方式"></th>
        <!--top middle bottom 分别是靠上、居中、靠下对其-->
    </tr>
    <tr>
    	<td colspan = "跨度的列数" rowspan = "跨度的行数"></td>
    
    </tr>
</table>

超链接

<a href = "链接目标" target = "目标窗口打开方式">链接的内容</a>
属 性 值含 义
-self在当前页面中打开链接
-blank在一个全新的空白窗口中打开链接
-top在顶层框架中打开链接,也可以理解为在根框架中打开链接
-parent在当前框架的上一层里打开链接

表单

<from name = "表单名称" method = "传送方法" action = "表单的处理程序" target = "目标窗口的打开方式">
<!--传送方法的值只有两种即get和post-->
    
	<!--文本字段-->
	<input name = "控件名称" type = "text" value = "文字字段默认值" size = "控件的长度" maxlength ="最长字符数">
	<!--密码域-->
	<input name = "控件名称" type = "password" value = "文字字段默认值" size = "控件的长度" maxlength ="最长字符数">    
	<!--单选按钮 ,checked 表示选中-->
	<input name = "控件名称" type = "radio" value = "单选按钮取值" checked = "checked">    
	<!--复选框,checked 表示选中-->
	<input name = "控件名称" type = "checkbox" value = "复选框取值" checked = "checked" >  
	<!--普通按钮-->
	<input name = "控件名称" type = "button" value = "按钮文本" onclick = "处理程序">  
	<!--提交按钮-->
	<input name = "控件名称" type = "submit" value = "按钮文本" >   	<!--重置按钮-->
	<input name = "控件名称" type = "reset" value = "按钮文本" >   
	
    <!--图像域-->
	<input name = "控件名称" type = "image" src = "图像路径" >      
    <!--隐藏域-->
	<input name = "控件名称" type = "hidden" src = "图像路径" > 
    <!--文件域-->
	<input name = "控件名称" type = "file" size = "控件长度" maxlength ="最长字符数">   
    
    <!--下拉菜单,selected = "selected"表示选中-->
    <select name = "控件名称">
        <option value = "选项值" selected = "selected">选项文本内容</option>
    </select>
    
    <!--文本域-->
    <textarea name = "控件名称" cols = "列数" rows = "行数"></textarea>
</from>


这篇关于Java - web - html的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程