JavaWeb-HTML学习笔记

最新推荐文章于 2024-01-07 21:32:12 发布

toward_south

最新推荐文章于 2024-01-07 21:32:12 发布

阅读量207

点赞数

分类专栏： java web

本文链接：https://blog.csdn.net/toward_south/article/details/79475897

版权

java web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

一：HTML常用标记

1 换行标记：<br>

2 段落标记 : 开始 <p> 结束 </p> ,分别在前，后空一行

3 标题标记 : <h1> 至<h6> 1-6数字越小,表示级别越高，文字的字体越大。

4 居中标记 : <center>开始，</center>结束。在此里面的内容居中。

5 文字列表标记 : <ul>无序 <ol>有序，即有数字列出

6 <hr>：水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

二：表格标记

1 表格标记<table>

<table> ..</table>表示表格，width表示表格的宽度,border表示表格的边框,align设置表格的对齐方式,bgcolor属性来设置表格的背景色。

2 标题标记<caption>

3 表格行标记<tr>

4 单元格标记<td>

列标记.。

代码：

<title>学生成绩单</title>
</head>
<body>
<table width="318" height="167" border="1"align="center">
<caption>学生成绩单</caption>
<tr>
<td align="center" valign="middle">姓名</td>
<td align="center" valign="middle">语文</td>
<td align="center" valign="middle">数学</td>
<td align="center" valign="middle">英语</td>
</tr>
<tr>
<td align="center" valign="middle">张三</td>
<td align="center" valign="middle">89</td>
<td align="center" valign="middle">78</td>
<td align="center" valign="middle">84</td>
</tr>
<tr>
<td align="center" valign="middle">王进</td>
<td align="center" valign="middle">89</td>
<td align="center" valign="middle">87</td>
<td align="center" valign="middle">79</td>
</tr>
<tr>
<td align="center" valign="middle">马飞</td>
<td align="center" valign="middle">89</td>
<td align="center" valign="middle">87</td>
<td align="center" valign="middle">45</td>
</tr>
</table>
</body>
</html>

三：HTML表单标记

1 <form>...</form>表单标记

1-aciton属性

2-method属性

3-name属性

4-onSubmit属性

5- target属性

2 <input>表单输入标记

type属性是<input>标记中很重要的内容。决定了输入数据的类型。

3 <select>...</select>下拉列表框标记

<select>添加下拉列表框，<option>标记添加多行下列列表框。

size 是指定列表框中显示的选项数量，超过该数量的选项可以通过拖动滚动条来查看。并不是指大小！！！！

multiple 用于让多行列表框支持多选

<body>
下拉列表框
<select name="select">
<option>数码相机区</option>
<option>摄像器材</option>
<option>MP3/MP4</option>
<option>U盘/移动硬盘</option>
</select>

多行列表框(不可多选):
<select name="select2",size="10">
<option>数码相机区</option>
<option>摄像器材</option>
<option>MP3/MP4</option>
<option>U盘/移动硬盘</option>
</select>
多行列表框(可多选):
<select name=:select3" size="3" multiple>
<option>数码相机区</option>
<option>摄像器材</option>
<option>MP3/MP4</option>
<option>U盘/移动硬盘</option>
</select>
</body>