html标签

最新推荐文章于 2024-08-12 21:45:00 发布

s零露漙兮

最新推荐文章于 2024-08-12 21:45:00 发布

阅读量294

点赞数

分类专栏： JSP程序设计

本文链接：https://blog.youkuaiyun.com/qq_37388280/article/details/79691895

版权

JSP程序设计专栏收录该内容

4 篇文章

订阅专栏

1. html基本标签

页面结构标签	<html></html> 开始/结束 <head></head> 头部 <body></body> 主体
页头标签	<title></title> 网页标题
标题标签	<hn></hn> 标题 n表示标题的级数，取值范围为1~6，n越小，标题字号越大 align属性：left（左对齐），right：（右对齐）center：（居中对齐）
段落标签	<p></p> 段落 align属性： left：下一段显示在左边界的空白区域 right：下一段显示在右边界的空白区域 center：下一段的左右两边都不许有其他内容
预定格式标签	<pre></pre> 原样显示
格式排版标签	<br> 换行 <hr> 水平线 size属性：设置水平线的粗细，默认单位是像素 width属性：设置水平线的宽度，默认单位是像素，也可以使用对屏幕的百分比表示 noshade属性：该属性不用赋值，直接加入标签即可使用，用来取消水平线的阴影 align属性：设置水平线的对齐方式 color属性：设置水平线的颜色
文字格式标签	<font></font> 字体 face属性：设置字体样式 size属性：设置字体大小，值为整数，分为7个级别，默认字体大小为3 color属性：设置字体颜色
注释标签	<!--注释语句--> 注释

2. 列表

有序列表

<ol>

<li>列表项1</li>

<li>列表项2</li>

...

</ol>

在<ol>中的属性有：

type(类型)属性：用于设置编号的种类，

取值有：1、A、a、I、i

start属性：用于设置编写的开始序号，无论stype取值是什么，

start取值只能是1、2、3等整数，默认值为1

无序列表

<ul>

<li>列表项1</li>

<li>列表项2</li>

...

</ul>

在<ul>、<li>中都可以使用type属性

其中，<ul>中的type属性用于设置列表中所有列表的项目符号类型；

<li>中的type属性用于设置当前列表项前的项目符号类型

type属性：

disc：实心圆点，默认值

circle：空心圆点

square：实心正方形

3. 多媒体和超链接

插入图像	<img> src属性：指定图像的源文件路径，可以使用相对路径，绝对路径或URL width属性：指定图像的宽度，单位为像素 height属性：指定图像的高度，单位为像素 hspace属性：指定图像水平方向的边沿空白，单位为像素 vapace属性：指定图像垂直方向的边沿空白，单位为像素 border属性：指定图像边框厚度 align属性：当文字与图像并排放置时，指定图像与文本行的对齐方式，其属性值值可取top，center，middle，bottom，left，right alt属性：图像不能显示时将显示该属性值；当鼠标移到图像上时，将该属性值作为提示信息显示
插入视频	<img> dynsrc属性：指定视频的源文件路径 loop属性：指定视频循环播放次数 loopdelay：指定两次播放的时间间隔 start属性：指定何时开台播放视频 controls属性：指定在视频窗口下附加播放控制条。该属性直接添加，不用赋值
插入背景音乐	<bgsound> src属性：指定音乐源文件的路径 balance属性：指定音乐的左右均衡 delay属性：指定播放延时 loop属性：指定音乐循环播放次数。 volume属性：指定音量
插入超链接	<a href="资源地址">超链接文本或图像</a> href属性：指定链接地址 target属性：指定显示链接目标的窗口，还可以是子窗口名

4. 表格

格式：

<table>

<tr>

<th>表格第一列的标题</th>

<th>表格第二列的标题</th>

...

</tr>

<tr>

<td>表格第一行的第一个单元格内容</td>

<td>表格第二行的第二个单元格内容</td>

...

</tr>

<tr>

<td>表格第一行的第一个单元格内容</td>

<td>表格第二行的第二个单元格内容</td>

...

</tr>

...

</table>

表格名标签属性：

<table>

border属性：设置表格边框，值为非负整数。默认为0

width属性：设置表格宽度

height属性：设置表格高度

bgcolor属性：设置表格背景色

bordercolor属性：设置表格边框颜色

align属性：设置表格在水平方向的对齐方式，值：left、right、center

valign属性：设置表格在垂直方向的对齐方式，值：top、middle、baseline

cellspacing属性：设置单元格边框到表格边框的距离，单位为像素

cellpadding属性：设置单元格内文字到单元格边框的距离，单位为像素

<tr>

bordercolor属性：设置该行的外边框颜色

bgcolor属性：设置该行单元格的背景颜色

height属性：设置该行的高度

align属性：设置该行各单元格的内容在水平方向的对齐方式，值：left、right、center

valign属性：设置该行各单元格的内容在垂直方向的对齐方式，值：top、middle、bottom

<td><th>

colspan属性：设置单元格所占的列数

rowspan属性：设置单元格所占的行数

background属性：设置单元格背景图像

width属性：设置单元格宽度

5. 框架

<frameset>相当于替换<body>标签，使用时不能出现<body>

格式：

...

...

</frameset>

<frameset>

rows属性：将浏览器窗口分割成多少行，其值可以是：百分数、像素值、星号（*）

cols属性：将浏览器窗口分割成多少列，其值可以是：百分数、像素值、星号（*）

<frame>

src属性：设置该子窗口中将要显示的html文件地址，取值可以是url地址，也可以是

相对路径或绝对路径

name属性：设置子窗口的名字

src和name这两个属性必须赋值

6. 表单

<from></from>

action属性：设置服务器上用来处理表单数据的处理程序地址

method属性：设置处理程序从表单中获得信息的方式，取值可为get或post

⑴单行输入域<input type="">

单行输入域类型
type属性取值	输入域类型
<input type="text" size="" maxlength="">	单行文本输入区域。size与maxlength属性用来定义此区域显示的尺寸大小与输入的最大字符数
<input type="password">	密码区域，当用户输入密码时，区域内将会显示*号代替用户输入的内容
<input type="radio" checked>	单选按钮，checked属性用来设置该单行按钮默认状态是否被选中
<input type="checkbox" checked>	复选框，checked属性用来设置该复选框默认状态是否被选中
<input type="submit">	提交按钮，将表单内容提交给服务器
<input type="reset">	重置按钮，将表单内容全部清除