国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html基礎用法(下)

hiyang / 2224人閱讀

摘要:通過頭傳輸的,相對安全,它傳輸的時候比傳的數據要多。編碼類型,默認不用寫只有在上傳文件的時候才指定該類型。文本域注意他是雙標簽,在寫的時候切記要挨著寫兩個標簽,中間不許有空格,縮進換行。

設計表格:

 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>這是表格的標題!caption>
 9                           <tr>
10                                <th>姓名th>
11                                <th>學科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:設置表格的寬

height:設置表格的高

border:設置表格邊框的粗細

bordercolor:設置表格邊框的顏色

caption:表格的標題,默認居中

th:表頭

tr:行

align:水平的(表格默認left,然后可以自己設置right,center)

valign:垂直的(表格默認middle,然后可以設置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傳輸的,相對不安全,當你傳輸的時候會有長度限制。

    【post】通過header頭傳輸的,相對安全,它傳輸的時候比get傳的數據要多。

  enctype:編碼類型,默認不用寫

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

  radio 單選按鈕,如果你想實現只能選中一個的時候加上name,name值一樣。

  checkbox 復選框,可以選中多個,默認選中的話,是加一個checked

  hiden? 隱藏表單,用途是當數據沒有必要讓用戶看見,但是我們后臺還要用這個數據的時候,就用隱藏的去傳。

  file? ?上傳文件

  reset 重置按鈕

input

  type

    text//文本框

    password/密碼

    submit//提交按鈕

    value

    placeholder:提示功能,當你在文本輸入東西的時候,提示消失。

select

  

textarea? ? 文本域

  cols  rows? ? ? 注意:他是雙標簽,在寫的時候切記要挨著寫兩個標簽,中間不許有空格,縮進 換行。

塊元素,行內塊元素,行內元素:

 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? ?特點:1、可以設置寬高 2、獨占一行 3、不受空格影響

行內:

  span,em,strong,b,i,u? ?特點:1、不支持寬高? 2、共處一行? 3、受空格影響?

行內快:

  img,input? ? ?特點:1、支持寬高? 2、共處一行? ?3、受空格影響

行內樣式:

 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>

內聯樣式表:

 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>

外聯樣式表:

 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、行內樣式表:

  寫在標簽里面的? ? style"width:......."

2、內聯樣式表:

  

3、外聯樣式表:

  

?

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2076.html

相關文章

  • 補習前端(css+html基礎-1:

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

    marek 評論0 收藏0
  • 補習前端(css+html基礎-1:

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

    douzifly 評論0 收藏0
  • webpack基礎用法

    摘要:的用法全在配置中是在環境下運行的,學習之前,請先自行安裝環境含安裝第一步全局安裝第二步建立項目文件夾,如一直回車下去項目目錄本地安裝搭建目錄結構在項目根目錄下的簡單目錄結構如下入口文件安裝時,自動建立 ----------webpack的用法全在配置中!!webpack是在node環境下運行的,學習webpack之前,請先自行安裝node環境(含npm); 安裝webpack: 第一步...

    yexiaobai 評論0 收藏0
  • html基礎用法(上)

    摘要:超文本標記語言的結構包括頭部分,和主體部分,期中頭部提供關于網頁的信息,主體部分提供網頁的具體內容。超文本標記語言是標準通用語言下的一個應用,也是一種規范,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。html的定義: html超文本標記語言,標準通用標記語言下的一個應用。 超文本就是指頁面內可以包含圖片,鏈接,甚至音樂,程序等非文字語言。 超文本標記語言的結構包括頭部分(head...

    BlackHole1 評論0 收藏0
  • JSDuck用法詳解

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

    xiaochao 評論0 收藏0

發表評論

0條評論

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