1fy07h 发表于 2024-7-27 22:36:16

简单网页设计模板html


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 前话 </span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Hello，小伙伴们<span style="color: black;">大众</span>新年好，本篇是今年<span style="color: black;">第1</span>篇，<span style="color: black;">亦</span>筹划许久，本篇主题为美食，系html5网站模板，div加css布局，网页资源<span style="color: black;">掰开</span>存储以便管理，网页结构清晰简单，<span style="color: black;">期盼</span>本篇能够助力各位萌新</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 主题 </span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">《周末の食记》</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">美食能抚平一切的<span style="color: black;">哀伤</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 简介 </span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文件结构<span style="color: black;">包括</span>了css、fonts、images、js和html，运用html5技术，<span style="color: black;">包含</span>nav标签、header标签和footer标签等，采用bootstrap进行布局</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 图摘 </span></span></strong></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8661b00a995f429ba5c2b165fdc01b04~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=sGXFdED6aVyuV8nm4WTu0Q6yw3A%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c20d4ae5947c4f3bb1dede83d3ea581d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=8QEyiYNGzej14JY05M1tL6uzyyk%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/343bde09ad604f0f8d52a311e74ecce2~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=sUrS6NsC7UhsZbO1%2FWf1XgzlBoQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/a34f6a738daf497b81d95ae485389a04~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=%2FeYoamab1kIQk7w%2FLSAlZdwBsVc%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/73c3284e1c074a789f8c1d3fa9ab1fc9~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=VDGHT%2BbMeJCX4c4FaTAGI%2F79puQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7a082452bb904a2088d4fc2d7f31d730~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=O7zTeYFt%2FKimulG%2Fy3HzYKtmUTU%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 目录 </span></span></strong></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b45b00aff07f437a867b1fdeae8101d2~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=zx9Juzw8U448obqa0ESqrNl7Ki8%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 编码 </span></span></strong></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d87ace3bdae345dab0c1a4fe660ca6e0~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=9Lup%2FWT%2F1%2BWDKyeC6wJuVJNdM1s%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b31617544a3d4ee5906b42e7198a1842~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=jWDoQFe58v11PSuiGBOgmsAuMG4%3D" style="width: 50%; margin-bottom: 20px;"></div>&lt;div <span style="color: black;"><span style="color: black;">class</span></span>=<span style="color: black;">"ftco-46-row d-flex flex-column flex-lg-row"</span>&gt;
    <span style="color: black;"><span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-text ftco-46-arrow-right"</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">h4</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-subheading"</span>&gt;</span>Food<span style="color: black;">&lt;/<span style="color: black;">h4</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">h3</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-heading"</span>&gt;</span>扬州炒饭<span style="color: black;">&lt;/<span style="color: black;">h3</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">p</span> <span style="color: black;">class</span>=<span style="color: black;">"mb-5"</span>&gt;</span>一碗不<span style="color: black;">同样</span>的炒饭，让你难以拒绝.<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span> <span style="color: black;">class</span>=<span style="color: black;">"btn-link"</span>&gt;</span><span style="color: black;">更加多</span> <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"ion-android-arrow-forward"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
      <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span></span>
    <span style="color: black;"><span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-image"</span> <span style="color: black;">style</span>=<span style="color: black;">"bac<span style="color: black;">公斤</span>round-image: url(images/img_3.jpg);"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span></span>
    <span style="color: black;"><span style="color: black;">&lt;<span style="color: black;">div</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-text ftco-46-arrow-up"</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">h4</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-subheading"</span>&gt;</span>Food<span style="color: black;">&lt;/<span style="color: black;">h4</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">h3</span> <span style="color: black;">class</span>=<span style="color: black;">"ftco-46-heading"</span>&gt;</span>蓝莓酸奶冰激凌<span style="color: black;">&lt;/<span style="color: black;">h3</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">p</span> <span style="color: black;">class</span>=<span style="color: black;">"mb-5"</span>&gt;</span>触动您的心灵，令人甜蜜至极，难以忘怀，心旷神怡的味觉享受，精选一级的夏威夷果仁，入口丝滑<span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">p</span>&gt;</span><span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span> <span style="color: black;">class</span>=<span style="color: black;">"btn-link"</span>&gt;</span><span style="color: black;">更加多</span> <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"ion-android-arrow-forward"</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span><span style="color: black;">&lt;/<span style="color: black;">p</span>&gt;</span>
      <span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span></span>
    <span style="color: black;"><span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;"> 结语 </span></span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">倘若</span>人的<span style="color: black;">一辈子</span>总的能量是固定的话，那就节省开支，延<span style="color: black;">长期</span>，喜怒哀乐不溢于言表，不困于心智，保持<span style="color: black;">阳光</span><span style="color: black;">心理</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e81f0d6a8fe4445d830419a1f0154447~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722664384&amp;x-signature=vJODWOHqb1PJ3ZGWNvS9TaBbWcg%3D" style="width: 50%; margin-bottom: 20px;"></div>




星☆雨 发表于 2024-8-26 00:48:58

外链发布社区 http://www.fok120.com/

nqkk58 发表于 5 天前

感谢楼主的分享！我学到了很多。
页: [1]
查看完整版本: 简单网页设计模板html