javaweb—HTML标签

单标签 <br/>

双标签 <h1></h1>

结构标签

<html></html>
<title></title>
<head></head>
<body></body>

列表标签

有序列表 <ol> 
无序列表 <ul>

超链接 <a>

链接资源:本web应用使用相对路径跳转,其他web应用带协议跳转

资源定位:在网页顶部先定义一个位置:<a name =“top”></a>

在网页底部回到这个位置 <a href=“#top”>回到顶部</a>

表格标签:

<table>     
<th>  表头单元格,包含表头信息,(会自动加粗居中)
<tr>  标准单元格,包含数据
<td>

 

 

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>张榕-练习1</title>
</head>
<body>
    <h2>商品信息</h2>
    <h4>产品类别</h4>
    <hr>
    <ul>
    <li>数码</li>
    <ul>
    <li>笔记本</li>
    <li>手机</li>
    <li>家电</li>

    </ul>
            <li>美容</li>
            <li>服装</li>
    </ul>
    
    
    <dl>
        <dt>联想电脑</dt>
        <dd>产品型号:联想IdeaPad Y450A-TFU(NBA纪念版)</dd>
        <dd>价格:4999元</dd>
        <dd>所在地:北京</dd>
    </dl>
    <hr>
    <h4>购物流程</h4>
    <ol>
    <li>确认购买信息</li>
    <li>付款到贵美</li>
    <li>确认收货</li>
    <li>付款给商家</li>
    <li>双方评价</li>
</ol>
    
    

</body>
</html>
复制代码

 

 

 
posted @   zrswheart  阅读(40)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示