【HTML】HTML中实用但经常被忽略的内容

本文深入解析HTML中常用标签及其属性应用,包括预格式文本、块引用、下标与上标、样式表引用、链接、图像、表格、列表与表单等内容,详细指导如何在网页中实现美观且功能丰富的布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML元素:从开始到结束标签的所有代码

使用小写的标签

<pre>预格式文本,保留格式输出
<blockquote>块引用,会插入换行和边框
<sub>下标     <sup>上标
<abbr>定义缩写
<address>地址
<bdo>文字反向
<q>短引用

样式表引用方式:
外部:<link rel="stylesheet" type="text/css" href="">
内部:<style type="text/css"></style>
内联:<p style="">

链接:
target:_blank 新窗口打开文档
name:命名锚,可使用#访问
     定义 <a name="tips"></a>
     本页调用:<a href="#tips"></a>
     其他页面调用:<a href="http://...  .jsp#tips"></a>

图像:
alt:图像无法载入时显示的文字
map:图像地图

表格:
<th>表头
rowspan,colspan 跨行跨列的单元格
cellpadding 单元格的边框
cellspacing 单元格的间距
frame:box,above,below,hsides,vsides 控制围绕表格的边框,IE无效

列表:
无序 <ul><li>      type:disc/circle/square 项目符号的形状
有序 <ol><li>     type:A/a/I/i 编号方式
自定义<dl>
     <dt> 自定义的项目
     <dd> 自定义项目的描述

表单:
下拉列表:<select><option>
在数据周围绘制一个带标题的框:
     <fieldset><legend>标题</legend></fieldset>

框架:
     可在统一浏览器窗口显示不止一个页面。每份HTML文档称为一个框架
<frameset>框架结构的标签,定义如何将窗口分隔为框架,每个frameset定义了一系列行或列。
     rows/columns的值规定了每列或每行占据的屏幕面积
<frame>框架标签 src定义了放置在每个框架中的HTML文档
     eg:<frameset cols="20%,75%">
               <frame src="frame_a.htm">
            </frameset>
避免用户拖动边框改变大小:noresize="noresize"
为不支持框架的浏览器添加<noframe>
不能同时使用<body>和<frame>,但添加包含文字的<noframe>,必须把文字放在<body></body>之间

Iframe
<iframe src=""></iframe>
width,height 单位:px/%
frameborder是否显示边框,0不显示
iframe可用作链接的target,链接的target必须引用iframe的name


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值