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 @ 2021-12-31 18:30  zrswheart  阅读(37)  评论(0)  编辑  收藏  举报