整合營銷服務商

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

          免費咨詢熱線:

          HTML表格制作

          .表格的制作

          1、表格元素–<table>

          表格中的行–<tr>

          表格中的列–<td>

          表格中的表頭–【居中/加粗】

          table標記的邊框–border

          table標記的寬度–width

          table標記的高度–height

          table標記的水平對齊方式–align

          table標記的表格背景色–bgcolor

          table標記的表格邊框色–bordercolor

          table標記的表格中的內容與邊框之間的距離–cellpadding

          table標記的表格中的邊框與邊框之間的距離–cellspacing【默認是1px】

          tr標記的align屬性–設置當前行的水平對齊方式

          tr標記的bgcolor屬性–設置當前行的背景色

          tr標記的valign屬性–設置當前行的垂直對齊方式【top/middle/bottom】

          td標記的align屬性–設置當前列的水平對齊方式

          td標記的bgcolor屬性–設置當前列的背景色

          td標記的valign屬性–設置當前列的垂直對齊方式【top/middle/bottom】

          合并單元格

          水平方向合并單元格–跨列—colspan

          • 垂直方向合并單元格–跨行—rowspan
          • 刪除多余的單元格*

          以下是計算器的控制面板代碼

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>計算器的控制面板</title>

          </head>

          <body>

          <table border="1" cellspacing="10px" cellpadding="20px"

          align="center" bgcolor="aliceblue">

          <tr><td colspan="5" height="40px" align="right"><font size="7"><b>0</b></font></td></tr>

          <tr align="center">

          <td>MC</td>

          <td>MR</td>

          <td>MS</td>

          <td>M+</td>

          <td>M-</td>

          </tr>

          <tr align="center">

          <td>&lt;-</td>

          <td>CE</td>

          <td>C</td>

          <td>+/-</td>

          <td>√</td>

          </tr>

          <tr align="center">

          <td>7</td>

          <td>8</td>

          <td>9</td>

          <td>/</td>

          <td>%</td>

          </tr>

          <tr align="center">

          <td>4</td>

          <td>5</td>

          <td>6</td>

          <td>*</td>

          <td>1/x</td>

          </tr>

          <tr align="center">

          <td>1</td>

          <td>2</td>

          <td>3</td>

          <td>-</td>

          <td rowspan="2" bgcolor="yellow">=

          </td>

          </tr>

          <tr align="center">

          <td colspan="2">0</td>

          <td>.</td>

          <td>+</td>

          </tr>

          </table>

          </body>

          </html>

          看成品:

          2. 列表元素

          2.1 有序列表

          ol—有序列表

          li—列表中的每一項【條目】

          默認的標志是有順序的數字

          我們可以通過ol的type屬性來修改標志

          1–有順序的數字

          a–有順序的小寫字母

          A–有順序的大寫字母

          i–有順序的小寫羅馬數字

          I–有順序的大寫羅馬數字

          start屬性設置書順序的開始值

          2.2 無序列表

          ul—無序列表

          li—列表中的每一項【條目】

          默認的標志是實心點

          我們可以通過ul的type屬性來修改標志

          circle–圓形【。】

          disc----實心點[默認]

          square–正方形

          none–沒有標志

          2.3 自定義列表

          dl—自定義列表

          dt—自定義列表的頭

          dd—子項目

          以下是有序,無序,和自定義列表

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>列表</title>

          </head>

          <body>

          <ul type="none">

          <li>無序列表</li>

          <li>無序列表</li>

          <li>無序列表</li>

          </ul>

          <ol type="A">

          <li>有序列表</li>

          <li>有序列表</li>

          <li>有序列表</li>

          </ol>

          <dl>

          <dt>自定義列表</dt>

          <dt>自定義列表</dt>

          <dt>自定義列表</dt>

          </dl>

          </body>

          </html>

          3. 表單<form>

          主要負責采集信息的,可以將采集的信息提交。

          form的屬性

          action—指定表單數據的后端處理程序

          method----指定表單數據的提交方式【get[默認]/post】

          get提交數據會將被處理的數據跟隨在請求地址之后

          被提交的數據255個字符

          https://www.baidu.com/s?&wd=html

          post提交數據會將被處理的數據封裝到http協議的頭

          https://www.baidu.com/s

          被提交的數據沒有限制

          通常情況下提交文件只能用post

          enctype屬性規定在將表單數據發送到服務器之前如何對其進行編碼。

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title></title>

          </head>

          <body>

          <table border="1" align="center" cellpadding="20px" cellspacing="0">

          <tr>

          <td>application/x-www-form-urlencoded</td>

          <td>在發送前對所有字符進行編碼(默認)。</td>

          </tr>

          <tr>

          <td>multipart/form-data</td>

          <td>不對字符編碼。當使用有文件上傳控件的表單時,該值是必需的。

          </td>

          </tr>

          <tr>

          <td>text/plain</td>

          <td>將空格轉換為 "+" 符號,但不編碼特殊字符。</td>

          </tr>

          </table>

          </body>

          </html>

          表單元素

          input 文本框/密碼框/單選按鈕/復選框…

          seletc 下拉列表

          textarea 文本域—富文本編輯器

          家今天好我是小月,為大家介紹一下建站的基礎語音,喜歡的建站的朋友要認真閱讀,這會對你有一定的幫助!!

          DW使用;

          搭建 一個站點;

          首頁文件名稱:index.html

          文件夾 style js

          w3c 是一個組織,制定網頁規范標準的組織;

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

          聲明網頁的編碼格式;

          常用的編碼格式;utf-8 國際通用標準,支持英文,中文,韓文,越南語

          日語等等。。。;

          gbk(gb2312)它是國標,支持中文簡體繁體;跟后臺有關;

          字體:編輯, 首選參數 字體

          列表 type修改列表符號;

          布局,搭建一個網頁結構;根據用戶體驗需求對內容進行合理規劃;根據網絡營銷需求;

          怎么布局;

          表格布局

          表格的最外層標記,<table> </table>

          表格里面的行用<tr></tr>表示;一對tr表示一行;

          一個單元格用<td></td>來表示;

          表格里面有一個屬性 邊框 border 默認情況下,這個border="0"

          ctrl alt a

          單元格與單元格的縫 cellspacing 默認情況 不為0

          跨行 rowspan 跨行,就是指一個單元格在垂直方向占領多行;

          跨列 colspan 在水平方向占領多個單元格;

          背景顏色 bgcolor

          布局 table布局;現在不是主流, 但是在網頁中還是會用到;現在主要用

          div+css來進行網頁布局;

          為什么要用div+css呢?

          簡單一些;

          2 代碼相對table而言,div+css涉及到的代碼行數更少;

          2 div+css網頁布局有利于seo;做搜索引擎喜歡網站;

          2 div+css方便后期管理維護(css講完之后再來理解;)

          2 有利于瀏覽器的向后兼容;新的瀏覽器不能識別傳統的一些布局標簽,但是div+css

          所涉及的標簽瀏覽器能夠很好的識別;

          ie 5 6 7 8 9 10 11 12

          CSS是什么?

          有什么用?

          CSS全稱是 層疊樣式表 Cascading Style Sheets 也叫樣式 ,style

          修飾,美化網頁的;

          table 表格,結構

          如何在網頁中實現CSS;CSS表現形式;

          三種常見的表現形式(實現方式);

          每一種 行內式,

          直接在html開始標簽里面寫上style="屬性:屬性值;屬性:屬性值;"

          第二種寫法: 內部嵌入式(嵌入式)

          在<head></head>內部嵌入

          <style>

          css代碼

          html標簽{屬性:屬性值;}

          </style>


          第三種表現形式;外部鏈接式(外鏈式)

          把css樣式單獨放在一個style樣式文件夾里面,然后在html頁面中來調用這個css文件;

          <link rel="stylesheet" type="text/css" href="style/yangshi.css"/>

          以后大家都使用第三種表現式,外部鏈接式;

          為什么要用第三種表現形式;

          第一,w3c組織推薦使用第三種外鏈式;

          第二,外部鏈接式實現了表現(html)與樣式(css)相分離(有利于簡化頁面結構),

          有利于后期維護修改等(選擇器);

          第三,有利于搜索引擎優化(seo)

          選擇器

          是什么?

          有什么用?

          p{color:red;} 它表示把所有的p標簽里面的內容都變成紅色;

          作用:指定樣式控制修飾的對象;

          常用的基礎選擇器;

          標簽選擇器;直接把html標簽拿到css里面當選擇器使用的稱之為標簽選擇器;

          類選擇器;

          給元素取名;

          在開始標簽里面寫上 class="類名" ,注意,類名不要以數字開頭;一般用英文小寫開頭;

          在css里面寫上 .類名{屬性:屬性值;屬性:屬性值;}

          background:#09F; 背景顏色 這是在css里面的寫法;

          bgcolor 這是在html標簽里面的寫法;

          text-align:center; 文字居中;

          以上是今天的建站的內容,喜歡的小伙伴關注一下我每天都會更新這方面的知識!謝謝大家!

          工作中經常大家經常會用到合并單元格,尤其是在標題位置的時候,這樣使得我們的表格展示更加好看,但帶來的后遺癥大家想必都經歷過,比如想調整合并單元格所處列的前后位置時,發現系統會提示存在合并單元格,而不能調整,還有就是一旦合并單元格,單元格中的值就會默認到合并單元格的左上角的那個單元格中去。

          有辦法解決這個問題么?

          有那就是用跨列居中,不過在Excel中沒有跨行居中,如果有那就更妙了。

          那我們就說說這個跨列居中怎么用

          我們選中需要進行跨列居中的區域,然后右鍵點擊設置單元格格式(或CTRL+1),選擇對齊水平對齊選擇跨列居中。

          我們看看跨列居中與合并居中的區別

          1.單元格為空白單元格,擴列居中是沒有效果的,還是一個一個單獨的單元格,只有輸入數據時才會顯示為跨列居中,而合并單元格是直接將多個單元格進行了合并。

          2.跨列居中不會改變單元格值的位置,而合并單元格會將值調整到合并單元格區域的左上角單元格

          3.拆分調整單元格,擴列居中不影響,合并單元格會提示無法對合并單元格執行此操作

          如果喜歡我的文章,歡迎關注微信公眾號:跟我學EXCEL圖表


          主站蜘蛛池模板: 日韩人妻精品无码一区二区三区| 久久伊人精品一区二区三区| 男人的天堂亚洲一区二区三区| 亚洲日韩AV无码一区二区三区人| 性色A码一区二区三区天美传媒| 精品无码一区在线观看| 精品亚洲AV无码一区二区三区| 无码一区18禁3D| 日本一区二区三区在线看 | 日本美女一区二区三区| 国产日韩一区二区三免费高清| 国产在线乱子伦一区二区| 国产丝袜一区二区三区在线观看 | 日韩精品无码一区二区三区四区 | 亚洲中文字幕无码一区二区三区 | 亚洲午夜一区二区电影院| 无码日本电影一区二区网站| 精品国产一区二区三区久| 国产在线一区二区杨幂| 一区二区三区亚洲| 亚洲综合色自拍一区| 一区三区三区不卡| 亚洲中文字幕在线无码一区二区 | 亚洲国产成人精品久久久国产成人一区二区三区综 | 国产伦精品一区二区三区女| 国产日韩AV免费无码一区二区| 无码精品蜜桃一区二区三区WW| 国产精品高清一区二区人妖| 无码av免费一区二区三区| 亚洲av午夜福利精品一区| 无码精品国产一区二区三区免费 | 精品少妇人妻AV一区二区| 精品爆乳一区二区三区无码av| 亚洲一区二区三区四区视频| 久久久精品人妻一区亚美研究所| 另类免费视频一区二区在线观看| 夜夜嗨AV一区二区三区| 亚洲乱码av中文一区二区| 亚洲欧美国产国产综合一区| 四虎在线观看一区二区| 最美女人体内射精一区二区|