这里写目录标题

  • 字体标签
  • < font>
  • 格式化标签
  • 换行标签 < br/>
  • 段落标签< p> < /p>
  • 标题标签
  • 空格标签 & nbsp;
  • 注释
  • 图片标签
  • 列表标签
  • 超链接标签
  • 表格标签
  • 合并单元格
  • 块标签
  • 表单标签
  • 输入项标签
  • 选择标签
  • 文本域标签
  • 表单标签


< head >里面写的是网页的说明性内容,< body>里面是写网页展示内容

字体标签

< font>

html迭代java值 html java代码_html

格式化标签

换行标签 < br/>

段落标签< p> < /p>

html迭代java值 html java代码_数据_02


大风歌<br />
		刘邦 〔两汉〕<br />
		<p>大风起兮云飞扬,</p>
		<p align="center">威加海内兮归故乡,</p>
		<p align="right">安得猛士兮守四方!</p>

html迭代java值 html java代码_数据_03

标题标签

<h1>大风歌</h1>
		<h2>大风歌</h2>
		<h3>大风歌</h3>
		<h4>大风歌</h4>
		<h5>大风歌</h5>
		<h6>大风歌</h6>

html迭代java值 html java代码_表单_04

空格标签 & nbsp;

注释

html迭代java值 html java代码_html_05

图片标签

html迭代java值 html java代码_数据_06

<img src="路径"  width="400" height="400"/>
<img src="路径"  width="50%" />
互联网路径
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="50%" />
相对路径

绝对路径

html迭代java值 html java代码_html_07

列表标签

< ul>< /ul>:无序列表标签,用于在效果中定义一个无序列表。
< li>< /li>:列表条目标签,用于在效果中定义一个列表条目。
< ol>< /ol>:有序列表标签,用于在效果中定义一个有序列表。

<ul>无序列表
		<li>第一个</li>
		<li>第2个</li>
		<li>第3个</li>
		<li>第4个</li>
	</ul>
	<ol>有序列表
		<li>第一个</li>
		<li>第2个</li>
		<li>第3个</li>
		<li>第4个</li>
	</ol>

html迭代java值 html java代码_html迭代java值_08

超链接标签

html迭代java值 html java代码_数据_09


html迭代java值 html java代码_表单_10

<a href="http://baidu.com">百度</a>
<a href="http://baidu.com"><img src="图片地址"/></a>
<a href="../img/c 1.ipg">链接到一张图片上</a>

html迭代java值 html java代码_java_11

表格标签

1.定义一个表格 < table>< /table>
2.定义表格的一行 < tr>< /tr>
3.在表格一行中定义单元格< td>< /td>

<table>
			<tr>
				<td>姓名</td>
				<td>性别</td>
				<td>年龄</td>
			</tr>
			<tr>
				<td>小米</td>
				<td>难</td>
				<td>12</td>
			</tr>
			<tr>
				<td>小白</td>
				<td>难</td>
				<td>34</td>
			</tr>
			
		</table>

html迭代java值 html java代码_数据_12


< th> < /th>:表头单元格,居中,加粗

<table border="1px" width="50%">
			<tr>
				<th>姓名</th>
				<th>性别</th>
				<th>年龄</th>
			</tr>
			<tr>
				<td>小米</td>
				<td>难</td>
				<td>12</td>
			</tr>
			<tr>
				<td>小白</td>
				<td>难</td>
				<td>34</td>
			</tr>
			
		</table>

html迭代java值 html java代码_java_13

合并单元格

html迭代java值 html java代码_表单_14

<tr>
				<td colspan="2">1</td>
				
				<td>3</td>
			</tr>

html迭代java值 html java代码_html迭代java值_15

块标签

< div>< /div>:块级的块标签,用于在效果中定义一块,默认占满一行,进行内容的显示。会自动换行,默认占满一行,适用于大量数据展示。

< span>< /span>:行级的块标签,用于在效果中一行上定义一个块,进行内容显示。有多少内容,就会占用多大空间。Span 不会自动换行,适用于少量数据展示。

<div>我是111111111</div>
		<div>我是22222</div>
		<span>11111111</span>
		<span>11111111</span>

html迭代java值 html java代码_java_16

表单标签

表单作用:用来提交用户输入的数据。提交给服务器的程序相当于一个WEB程序的入口。

1.定义一个表单标签 < form>< /form>

2.在表单中定义对应的表单输入项

输入项标签

html迭代java值 html java代码_html迭代java值_17


html迭代java值 html java代码_java_18


html迭代java值 html java代码_数据_19

表单点击提交按钮,提交数据时。?参数列表

参数列表格式:

参数=参数值1&参数2=参数值2&参数3=参数值3on表示珠中

? s=on

html迭代java值 html java代码_表单_20


所以需要设置对应的value值

html迭代java值 html java代码_html迭代java值_21

html迭代java值 html java代码_java_22

<form>
			用户名:<input /><br/>
			密码:<input type="password" /><br/>
			性别:<input type="radio" name="s" value="man"/>男
				<input type="radio" name="s" value="women"/>女
				<br/>
				照片:<input type="file" name="photo"/>
				<input type="submit" />
		</form>

html迭代java值 html java代码_java_23

选择标签

html迭代java值 html java代码_html迭代java值_24

html迭代java值 html java代码_html迭代java值_25


value是要提交的值

<form>
			<select name="t">
				<option value="1">12</option>
				<option value="2">23</option>
				<option value="3">44</option>
				<option value="4">55</option>
			</select>
		</form>

文本域标签

html迭代java值 html java代码_表单_26

<form >
			个人简介:<textarea name="有这个才可提交">sdsdsd</textarea>
		</form>

html迭代java值 html java代码_表单_27

表单标签

html迭代java值 html java代码_html迭代java值_28

html迭代java值 html java代码_java_29

<form action="提交的地址" method="post">
			个人简介:<textarea name="有这个才可提交">sdsdsd</textarea>
		</form