整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          「Html」響應式4頁餐飲高端大氣模板素材

          面頁面不多,提供給有能力的高手擴展制作,里面為響應式的html模板素材,一共4個頁面,首頁,列表頁,內容頁,還有擴展單頁,詳情可以看下面圖片,僅供參考

          首頁

          列表頁

          內容頁

          ava程序員學習HTML,表格和表單是用得比較多的,掌握好這2個標簽的詳細用法會對你非常有益!

          一、table表格

          表格由table標簽表示,里面嵌套tr,表示一行,而tr里面嵌套td和th,表示一行有多少列。它們的具體屬性和使用方法如下:

          注意點:table、tr和td都有align屬性,但含義不同。其中table的align表示整個表格居中對齊,而在tr中表示整行中所有的單元格中的內容居中對齊,在td中則表示該單元格中的內容劇中對齊。此外td和th還有跨行和跨列的功能。現在利用這個知識點實現一個具有層次結構的表格:

          代碼:

          <html>

          <head>

          <TITLE>first page!!</title>

          </head>

          <body>

          <table border="1" width="700px" align="center">

          <tr>

          <th>待執行項目</th>

          <th>&nbsp;</th>

          <th>正在執行項目</th>

          </tr>

          <tr>

          <td valign="top">

          <table border="1" width="100%" >

          <tr>

          <th>

          <input type="checkbox" />

          </th>

          <th>項目名</th>

          <th>花費</th>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          </table>

          </td>

          <td align="center">

          <input type="button" value="移入>>" /><br/><br/>

          <input type="button" value="<<移出" />

          </td>

          <td valign="top">

          <table border="1" width="100%">

          <tr>

          <th>

          <input type="checkbox" />

          </th>

          <th>項目名</th>

          <th>花費</th>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          <tr align="center">

          <td>

          <input type="checkbox" />

          </td>

          <td>A</td>

          <td>998.00</td>

          </tr>

          </table>

          </td>

          </tr>

          </table>

          </body>

          </html>

          代碼運行效果:

          二、form表單

          對于javaEE程序員,我們日常輸入用戶名和密碼,然后提交表單,可是對表單總是懵懵懂懂,現在超詳細精煉總結如下,希望可以幫到你!

          希望你照著我給出的模板,每一個都去測試一下,你便會豁然開朗,從此表單提交不再困惑!

          挑戰30天在頭條寫日記#

          HTML是一種用于創建網頁結構和內容的標記語言,其中包含了許多標簽,可以用于排版、布局和展示內容。本文將詳細介紹HTML中的<tr>和<td>標簽的使用方法,并通過示例展示如何創建表格。


          1. <tr>標簽的作用: <tr>標簽代表HTML表格中的一行(行數據),它可以包含一個或多個<td>元素作為單元格。


          2. <td>標簽的作用: <td>標簽用于定義表格中的一個單元格(列數據),可以包含文本、圖像、鏈接等內容。

          3. 如何使用<tr>和<td>: 在使用<tr>和<td>標簽時,首先需要創建一個<table>元素作為表格的容器,然后在其中嵌套<tr>和<td>標簽,如下所示:

          htmlCopy code<table>
            <tr>
              <td>單元格1</td>
              <td>單元格2</td>
            </tr>
            <tr>
              <td>單元格3</td>
              <td>單元格4</td>
            </tr>
          </table>
          

          4. 表格樣式: 可以使用CSS來為表格添加樣式,如設置邊框、背景顏色等。以下是一個簡單的示例:

          htmlCopy code<style>
            table {
              border-collapse: collapse;
              width: 100%;
            }
            td {
              border: 1px solid black;
              padding: 8px;
              text-align: center;
            }
          </style>
          


          5. 示例應用: 以下示例演示了如何使用<tr>和<td>標簽創建一個包含姓名、年齡和城市的簡單表格:

          htmlCopy code<!DOCTYPE html>
          <html>
          <head>
            <style>
              table {
                border-collapse: collapse;
                width: 100%;
              }
              td {
                border: 1px solid black;
                padding: 8px;
                text-align: center;
              }
            </style>
          </head>
          <body>
          
          <table>
            <tr>
              <td>姓名</td>
              <td>年齡</td>
              <td>城市</td>
            </tr>
            <tr>
              <td>張三</td>
              <td>25</td>
              <td>北京</td>
            </tr>
            <tr>
              <td>李四</td>
              <td>30</td>
              <td>上海</td>
            </tr>
            <tr>
              <td>王五</td>
              <td>28</td>
              <td>廣州</td>
            </tr>
          </table>
          
          </body>
          </html>
          

          6. 書籍參考:

          • "HTML and CSS: Design and Build Websites" by Jon Duckett
          • "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" by Jennifer Niederst Robbins


          7. 總結: 通過本文的介紹,我們了解了HTML中<tr>和<td>標簽的基本用法,以及如何創建簡單的表格和添加樣式。使用這些標簽,我們可以輕松地創建具有結構和內容的網頁表格,提升頁面的可讀性和可視性。


          主站蜘蛛池模板: 国产精品女同一区二区| 区三区激情福利综合中文字幕在线一区 | 亚洲码欧美码一区二区三区| 国产精品一区二区无线| 中文字幕AV一区二区三区 | 波多野结衣一区二区三区| 亚洲AV无码一区二区二三区软件| 亚洲av高清在线观看一区二区| 无码中文人妻在线一区二区三区| 一区二区精品在线| 国产在线精品一区二区中文| 久久国产精品免费一区| 欲色影视天天一区二区三区色香欲| 国模一区二区三区| 国产小仙女视频一区二区三区| 亚洲一区精彩视频| 一区二区无码免费视频网站| 人妻体内射精一区二区三四| 麻豆aⅴ精品无码一区二区| 国产精品视频一区二区三区无码| 亚洲一区二区三区影院| 手机看片一区二区| 无码人妻久久久一区二区三区| 国产成人无码一区二区三区 | 精品一区二区三区影院在线午夜| 日本一区二区三区在线看| AV天堂午夜精品一区二区三区| 日韩久久精品一区二区三区| 日韩精品一区二区三区毛片| 国产乱子伦一区二区三区| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 少妇无码一区二区二三区| 亚洲日本va午夜中文字幕一区| 无码少妇一区二区三区浪潮AV| 中文字幕一区视频| 午夜一区二区免费视频| 一区二区三区高清在线| 国产内射999视频一区| 精品无码一区二区三区在线| 国产伦精品一区二区三区精品 | 97se色综合一区二区二区|