成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

html基礎(chǔ)用法（下）

hiyang / 2234人閱讀

摘要：通過頭傳輸?shù)?，相對安全，它傳輸?shù)臅r(shí)候比傳的數(shù)據(jù)要多。編碼類型，默認(rèn)不用寫只有在上傳文件的時(shí)候才指定該類型。文本域注意他是雙標(biāo)簽，在寫的時(shí)候切記要挨著寫兩個標(biāo)簽，中間不許有空格，縮進(jìn)換行。

設(shè)計(jì)表格：

 1 <html>
 2         <head>
 3                  <title>表格title>
 4                  <meta charset="utf-8" />
 5         head>
 6         <body>
 7                 <table width="500" height="500" border="1" bordercolor="red"> 
 8                           <caption>這是表格的標(biāo)題！caption>
 9                           <tr>
10                                <th>姓名th>
11                                <th>學(xué)科th>
12                                <th>成績th>
13                           tr>
14                           <tr align="center" valign="bottom">
15                                <td colspan="2">張三td>
16                                <td>phptd>
17                                <td>60td>
18                           tr>
19                           <tr align="right" vlign="middle">
20                                <td rowspan="2">張三td>
21                                <td>pythontd>
22                                <td>70<td>
23                           tr>
24                           <tr align="left" valign="top">
25                                
26                                <td>javatd>
27                                <td>80td>
28                           tr>
29                           
30                 table>
31         body>
32 <html>

width：設(shè)置表格的寬

height：設(shè)置表格的高

border：設(shè)置表格邊框的粗細(xì)

bordercolor：設(shè)置表格邊框的顏色

caption：表格的標(biāo)題，默認(rèn)居中

th：表頭

tr：行

align：水平的（表格默認(rèn)left，然后可以自己設(shè)置right，center）

valign：垂直的（表格默認(rèn)middle，然后可以設(shè)置top，bottom）

td：單元格

colspan：合并行

rowspan：合并列

表單：

 1 <html>
 2         <head>
 3                 <title>title>
 4                 <meta charset="utf=8" />
 5         head>
 6         <body>
 7                  <form action="1.php" method="GET">
 8                          用戶名：<input type="text" name="username" />
 9                          密碼：<input type="password" name="pass" />
10                          <input type="submit" value="立即注冊" />
11                          <input type="radio" name="sex" />男
12                          <input type="radio" name="sex" />女
13                          <input type="checkbox" />java
14                          <input type="checkbox" />php
15                          <input type="checkbox" />python
16                          <select>
17                                    <option value="bj">北京option>
18                                    <option>廣州option>
19                                    <option>上海option>
20                          <select>
21                          <textarea cols="50" rows="10">textarea> 
22                          <input type="submit" value="立即注冊" />    
23                  form>
24                  <div>
25                        你好！
26                  div>
27                  <div>
28                        我好！
29                  div>
30                  <span>
31                         大家好！
32                  span>
33         body>
34 html>

form

?　　 action是要提交的地址

　　　　【get】是通過url傳輸?shù)模鄬Σ话踩?，?dāng)你傳輸?shù)臅r(shí)候會有長度限制。

　　　　【post】通過header頭傳輸?shù)模鄬Π踩?，它傳輸?shù)臅r(shí)候比get傳的數(shù)據(jù)要多。

　　enctype：編碼類型，默認(rèn)不用寫

　　　　只有在上傳文件的時(shí)候才指定該類型。

　　radio 單選按鈕，如果你想實(shí)現(xiàn)只能選中一個的時(shí)候加上name，name值一樣。

　　checkbox 復(fù)選框，可以選中多個，默認(rèn)選中的話，是加一個checked

　　hiden? 隱藏表單，用途是當(dāng)數(shù)據(jù)沒有必要讓用戶看見，但是我們后臺還要用這個數(shù)據(jù)的時(shí)候，就用隱藏的去傳。

　　file? ?上傳文件

　　reset 重置按鈕

input

　　type

　　　　text//文本框

　　　　password/密碼

　　　　submit//提交按鈕

　　　　value

　　　　placeholder：提示功能，當(dāng)你在文本輸入東西的時(shí)候，提示消失。

select

　　

textarea? ? 文本域

　　cols　　rows? ? ? 注意：他是雙標(biāo)簽，在寫的時(shí)候切記要挨著寫兩個標(biāo)簽，中間不許有空格，縮進(jìn) 換行。

塊元素，行內(nèi)塊元素，行內(nèi)元素：

 1 <html>
 2         <head>
 3                 <meta charset="utf-8" />
 4                 <title>塊元素title>
 5                 <style>
 6                          div{height:20px;background:red;}
 7                          span{width:20px;height:15px;#ccc;}
 8                          img{width:300px;height:300px;border:1px solid red;} 
 9                 style>
10         head>
11         <body>
12                  <div>今天是個好天氣！div>  <div>今天是個好天氣！div>
13                  <span>今天肚子疼！span><span>今天肚子疼！span>
14                  <img src="bjqs.jpg" /> <img src="bjqs.jpg" />
15         body>
16 html>

塊：

　　div ，p，ul，ol，dl，hr，h1-h6? ?特點(diǎn)：1、可以設(shè)置寬高 2、獨(dú)占一行 3、不受空格影響

行內(nèi)：

　　span，em，strong，b，i，u? ?特點(diǎn)：1、不支持寬高? 2、共處一行? 3、受空格影響?

行內(nèi)快：

　　img，input? ? ?特點(diǎn)：1、支持寬高? 2、共處一行? ?3、受空格影響

行內(nèi)樣式：

 1 <html> 
 2         <head>
 3                  <meta charset="utf-8" />
 4                  <title>塊元素title>
 5                  <style>
 6                   
 7                  style>
 8         head>
 9         <body>
10                   <div style="width:20px;height:15px;background:#ccc;">今天是個好天氣！div> <div>今天是個好天氣！div>
11         body>
12     
13 html>

內(nèi)聯(lián)樣式表：

 1 <html>
 2         <head>
 3                  <meta charset="utf-8" />
 4                  <title>塊元素title>
 5                  <style>
 6                           div{width:20px;height:15px;backgrounf:#ccc;}
 7                  style>
 8         head>
 9         <body>
10                  <div>今天是個好天氣！div> <div>今天是個好天氣！div>
11         body>
12 html>

外聯(lián)樣式表：

 1 <html>
 2          <head>
 3                    <meta charset="utf-8" />
 4                    <title>塊元素title>
 5                    <style>
 6 
 7                    style>
 8                    <link rel="stylesheep" type="text/css" href="1.css" />
 9          head>
10          <body>
11                   <div>今天是個好天氣！div> <div>今天是個好天氣！div>
12          body>
13 html>
1 div{width:20px;height:15px;background:#ccc;}

1、行內(nèi)樣式表：

　　寫在標(biāo)簽里面的? ? style"width:......."

2、內(nèi)聯(lián)樣式表：

　　

3、外聯(lián)樣式表：

　　

?

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2076.html

相關(guān)文章

  • 補(bǔ)習(xí)前端（css+html）基礎(chǔ)-1：

    摘要：標(biāo)簽將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段。提示和注釋注釋元素是空元素，它僅包含屬性。注釋此元素只能存在于部分，不過它可出現(xiàn)任何次數(shù)。屬性屬性規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。該標(biāo)簽用于組合表格的主體內(nèi)容。 1.HTML 標(biāo)簽: 實(shí)例 組合表單中的相關(guān)元素： health information height: weight: 定義和用法 fieldset 元素...

    marek 評論0 收藏0

  • 補(bǔ)習(xí)前端（css+html）基礎(chǔ)-1：

    摘要：標(biāo)簽將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段。提示和注釋注釋元素是空元素，它僅包含屬性。注釋此元素只能存在于部分，不過它可出現(xiàn)任何次數(shù)。屬性屬性規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。該標(biāo)簽用于組合表格的主體內(nèi)容。 1.HTML 標(biāo)簽: 實(shí)例 組合表單中的相關(guān)元素： health information height: weight: 定義和用法 fieldset 元素...

    douzifly 評論0 收藏0

  • webpack基礎(chǔ)用法

    摘要：的用法全在配置中是在環(huán)境下運(yùn)行的，學(xué)習(xí)之前，請先自行安裝環(huán)境含安裝第一步全局安裝第二步建立項(xiàng)目文件夾，如一直回車下去項(xiàng)目目錄本地安裝搭建目錄結(jié)構(gòu)在項(xiàng)目根目錄下的簡單目錄結(jié)構(gòu)如下入口文件安裝時(shí)，自動建立 ----------webpack的用法全在配置中??！webpack是在node環(huán)境下運(yùn)行的，學(xué)習(xí)webpack之前，請先自行安裝node環(huán)境（含npm）； 安裝webpack： 第一步...

    yexiaobai 評論0 收藏0

  • html基礎(chǔ)用法（上）

    摘要：超文本標(biāo)記語言的結(jié)構(gòu)包括頭部分，和主體部分，期中頭部提供關(guān)于網(wǎng)頁的信息，主體部分提供網(wǎng)頁的具體內(nèi)容。超文本標(biāo)記語言是標(biāo)準(zhǔn)通用語言下的一個應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。html的定義： html超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用。 超文本就是指頁面內(nèi)可以包含圖片，鏈接，甚至音樂，程序等非文字語言。 超文本標(biāo)記語言的結(jié)構(gòu)包括頭部分（head...

    BlackHole1 評論0 收藏0

  • JSDuck用法詳解

    摘要：語法父類名表示當(dāng)前類繼承于哪個類的標(biāo)簽。成員標(biāo)簽成員標(biāo)簽作用于類中的配置屬性函數(shù)事件。表明可被子類繼承，和一起使用。示例獲取圓的面積圓的半徑面積值作用于函數(shù)，表明函數(shù)的標(biāo)簽。作用于函數(shù)，表明構(gòu)造函數(shù)參數(shù)的標(biāo)簽，用法同。 字?jǐn)?shù)：3692字 閱讀時(shí)間：15分鐘 前言 ? 首先，咱們有一個前提，JSDuck對我們而言只是一個便于API查看的文檔化工具。因此，只要它能夠滿足我們文...

    xiaochao 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<