首页前端开发HTMLhtml京东代码

html京东代码

时间2023-11-11 10:56:03发布访客分类HTML浏览247
导读:HTML京东代码:<!DOCTYPE html><html><head> <title>京东商城</title> <meta charset="UTF-8"> <...

HTML京东代码:

!DOCTYPE html>
    html>
    head>
    	title>
    京东商城/title>
    	meta charset="UTF-8">
    	meta name="viewport" content="width=device-width, initial-scale=1.0">
    	link rel="stylesheet" href="style.css">
    /head>
    body>
    	header>
    nav>
    	ul>
    li>
    a href="#">
    首页/a>
    /li>
    li>
    a href="#">
    电脑办公/a>
    /li>
    li>
    a href="#">
    家用电器/a>
    /li>
    li>
    a href="#">
    手机数码/a>
    /li>
    li>
    a href="#">
    家居家具/a>
    /li>
    li>
    a href="#">
    食品生鲜/a>
    /li>
    li>
    a href="#">
    苏宁易购/a>
    /li>
    	/ul>
    /nav>
    div class="search-box">
    	input type="text" placeholder="请输入搜索内容">
    	button>
    搜索/button>
    /div>
    	/header>
    	main>
    div class="banner">
    	img src="img/banner.jpg" alt="京东商城" title="京东商城">
    /div>
    div class="content">
    	div class="good">
    img src="img/good1.jpg">
    h3>
    小米手机5/h3>
    p>
    1499元/p>
    	/div>
    	div class="good">
    img src="img/good2.jpg">
    h3>
    美的空调/h3>
    p>
    2499元/p>
    	/div>
    	div class="good">
    img src="img/good3.jpg">
    h3>
    海尔冰箱/h3>
    p>
    3599元/p>
    	/div>
    	div class="good">
    img src="img/good4.jpg">
    h3>
    华为平板/h3>
    p>
    1299元/p>
    	/div>
    /div>
    	/main>
    	footer>
    p>
    版权所有:京东商城/p>
    p>
    联系方式:010-88888888/p>
    	/footer>
    /body>
    /html>
    

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html京东代码
本文地址: https://pptw.com/jishu/534424.html
html介绍个人主页代码 html代码表格边框透明

游客 回复需填写必要信息