(常用）HTML的图像、超链接、列表、表格和表单

出逃日志

已于 2024-10-08 18:56:37 修改

阅读量342

点赞数 5

文章标签： html 前端服务器

于 2024-09-30 16:29:56 首次发布

本文链接：https://blog.csdn.net/d7210/article/details/142657612

版权

html的图像标签：

<img src="" alt="">

常用的属性：

src	主要是放图像的路径链接
alt	图像获取失败所显现的文字
title	鼠标放在图像时所显现的文字
width	图像显示的宽度
height	图像显示的高度
border	图像边框的大小
hspace	水平边距
vspace	垂直边距
align	图像对齐的方式

html超链接：

<a href=""></a>

href里存放的是链接的路径

html的列表：

若无需type属性，可不写"type="""

无序列表：

若无设置type里的属性，则默认为disc前导字符（实心圆）

<ul type="">

<li type=""></li>

<li type=""></li>

......

</ul>

type的属性：

<ul type=" disc ">	实心圆●
<ul type=" circle ">	空心圆○
<ul type=" square ">	方块■
<ul img src=" mygraph.gif ">	指定为“mygraph.gif”的图片文件

例子代码：

<body>

<ul type="disc">

<li>剧情简介</li>

</ul>

<ul type="circle">

<li>剧情简介</li>

</ul>

<ul type="square">

<li>剧情简介</li>

</ul>

<ul>

<li><img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.cMMMyq35XoVVgk2Bn-4v2wHaKI?w=208&h=285&c=7&r=0&o=5&dpr=1.3&pid=1.7"></li>

</ul>

</body>

运行结果：

有序列表：

若无设置type里的属性，则默认数字（1、2、3...）

<ol type="">

<li type=""></li>

<li type=""></li>

......

</ol>

type的属性:

<ol type=" 1 ">	数字
<ol type=" A ">	大写英文字母
<ol type=" a ">	小写英文字母
<ol type=" I ">	大写罗马字母
<ol type=" i ">	小写罗马字母

例子代码：

<body>

<ol type="1">

<li>剧情介绍</li>

</ol>

<ol type="A">

<li>剧情介绍</li>

</ol>

<ol type="a">

<li>剧情介绍</li>

</ol>

<ol type="I">

<li>剧情介绍</li>

</ol>

<ol type="i">

<li>剧情介绍</li>

</ol>

</body>

运行结果：

html的表格：

<table>

<caption align="left/right/top/bottom" valign="top/bottom">标题名字</caption>

<tr>

<th>主要表示表头</th>

</tr>

<tr>

<td>表内容</td>

</tr>

</table>

< caption >标签必须紧随< table >标签之后，为每个标签指定唯一标题

表格的常用属性：

border	表格边框宽度
width	表格宽度
heigh	表格长度
align	表格的对齐方式（left、right、center）
bordercolor	边框颜色
bgcolor	背景颜色

不规则表的属性：

用于<td></td>标签里面

rowspan	所跨的行数
colspan	所跨的列数

html的表单：

<form></form>

表单的属性：

name	表单的名字
action	表单处理的方式
method	表单数据的传送方向

常见的表单元素：

input	用户可输入数据的输入字段
keygen	表单的密钥对生成器字段
object	一个嵌入的对象
output	不同类型的输出
select	下拉列表/菜单
textarea	一个多行的文本输入区域