專升本第七講（作一個本身網頁，瞭解黑客）

時間 2019-12-17

標籤第七一個本身網頁瞭解欄目 HTML 简体版

原文原文鏈接

一、基本概念

　　網站是多個網頁的集合，各個網頁經過超級連接構成一個網站總體。網頁能夠分爲動態網頁和靜態網頁，網頁構成要素包括站標、導航條、廣告條、標題欄和按鈕等，可由文字、圖像、動畫及腳本語言組成。html

　　站標也叫做LOGO，是網站的標誌。如企業的LOGO，通常放在左上角。程序員

　　導航欄是網站內的多個頁面的超級連接組合，引導瀏覽者輕鬆找到網站中的各個頁面，放置在LOGO的下面或者右側。express

　　廣告欄又稱Banner，其功能是宣傳網站或替其餘企業作廣告。根據版面具體安排。windows

　　標題欄是指網頁內部各個板塊的標題欄，是各板塊內容的歸納，而不是整個網頁的標題欄。瀏覽器

　　按鈕是啓動某些裝置或機關的開關安全

二、腳本語言

　　（一）HTML(HyperText Markup Language)超文本標記語言，是一種製做Web網頁的標準語言，由萬維網協會（w3c）制定。網絡

　　下圖爲HTML基本形式：字體

三、head標籤極其meta標籤

　　　　<meta>主要是定義頁面中的信息，這些信息不會顯示的瀏覽器中。主要標記能提供文檔的關鍵字/做者/網站描述等信息動畫

　　<head>
　　　　<meta charset = "UTF-8">
　　　　<meta name ="keywords" content="學而精 專升本 計算機">
　　　　<meta auther="鄉村教師胡勁">
　　　　<title>一個偉大的網站</title>
　</head>

　　charset 描述頁面編碼方式網站

　　name標籤的名字

　　content指裏面的內容

　 title標籤顯示網頁的標題

四、p/h/span/div/br/hr 系列標籤，完成對格式的操做

　　（一）符號表示，咱們的代碼就是用這些符號寫出來的，可是問題來了咱們想顯示符號，計算機怎麼知道是要執行的代碼仍是要輸出的符號呢？那麼辦法來了！通常的符號那麼咱們就認爲是代碼，想要輸出符號就給符號另一種形式，完美解決！　　　

  表明空格

　　 > 大於號

　　　< 小於號

　　（二）p段落標籤，自動添加一些空白區域，很美觀，塊級標籤

　　（三）h系列標籤，標題標籤，適用於各類文檔的標題從h1-h6，字體大小從大到小，默認加粗，塊級標籤

　　（四）span白板標籤，什麼也沒有，可是控制格式，其實就是什麼也沒有控制，顯示完畢不換行，內聯標籤

　　（五）div白板標籤，仍是什麼都沒有，控制格式，顯示完畢換行，塊級標籤

　　（六）br標籤換行

　　（七）hr標籤水平分割線

（八）段落對齊屬性align ，left 左對齊 right右對齊 center 居中對齊

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="GBK">
    <title>胡勁</title>
</head>
<body>
   <p>我愛北京天安門我愛<br/>的祖國</p>  <!--br/表明換行-->
   <p>我愛重慶的太陽</p> <!--p標籤表明段落，段落之間有間距-->
   <h1>學而精</h1>       <!--H系列加大加粗-->
   <h2>學而精</h2>
   <h3>學而精</h3>
   <h4>學而精</h4>
   <h5>學而精</h5>
   <h6>學而精</h6>
   <hr/ size="7" color="#00ff00">
   <span>學而精</span>   <!--白板-->
   <span>學而精</span>   <!--塊級標籤：h系列 p標籤 內聯（行內）標籤：span-->
   <span>學而精</span>
   <span>學而精</span>
　 <div>小胡</div>
   <div>小胡</div>
   <div>小胡</div>
</body>
</html>

五、font標籤，設置字體樣式、顏色、大小等屬性，b、u、i標籤，完成對字體的操做

　　（一）屬性face設置字體樣式：<font face="字體樣式">.......</font>

　　（二）屬性size設置字體大小：<font face="字體大小">.......</font>

　　size屬性有1~7個等級，1最小，7最大，默認是3

　　（三）屬性color設置字體顏色：<font color="顏色">.......</font>

　　顏色能夠用瀏覽器認可的顏色名或者十六進制數表示，例如：#RRGGBB #663322

　　（四）<b>加粗</b> <u>加下劃線</u> <i>傾斜</i>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
    <br/>
    <h1>1、字體的設置</h1>
    <h2>一、設置字體的樣式</h2>
    <p>
        <div>
            <font face="宋體">
                <b>宋體加粗顯示</b>
            </font>
        </div>
         <div>
            <font face="黑體">
               <u><i>黑體傾斜加下劃線顯示</i></u>
            </font>
        </div>
        <div>
            <font face="仿宋" size="7" color="#ff0000">
               超大號仿宋紅色的字
            </font>
        </div>
    </p>
</body>
</html>

六、marquee標籤，實現滾動文字的效果

　　<marquee>滾動的文字</marquee>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
    <p>
       <marquee>
           <font size="6" color="#00ff00">
               歡迎領導指導工做，很飛旋
           </font>
       </marquee>
    </p>
</body>
</html>

七、img標籤，插入圖片

　　（一）src屬性:圖像的源文件地址，能夠是相對路徑或者絕對路徑

　　（二）alt屬性：提示文字，當圖片沒法打開的時候回顯示提示文字

　　（三）width，height 寬度和高度，單位都是像素點

　　（四）border 邊框 <img src="圖像文件的地址" border="圖像邊框的寬度">

　　（五）vspace、hspace 垂直間距和水平間距

　　（六）align 排列方式：bottom 底部對齊 top頂部對齊 middle中央對齊 left左對齊 right 右對齊

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
    <p>
        <img src="http://5b0988e595225.cdn.sohucs.com/images/20170802/b113f5935d1d4e2888f2d6648425fc59.jpeg" alt="范冰冰的美圖" border="3" align="middle">
    </p>
</body>
</html>

八、a標籤，網頁跳轉

　　（一）href屬性：連接頁面的地址

　　（二）target屬性：目標窗口的打開方式

　　　　self 當前頁面打開

　　　　blank全新也面打開

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
    <p>
       <a href="http://www.cqxej.cn">
           學而精官網
       </a>
    </p>
    <p>
       <a href="http://www.cqxej.cn">
           <img src="http://p0.so.qhimgs1.com/t01921dff582aa3c430.jpg">
       </a>
    </p>
</body>
</html>

九、table、tr、rd表格標籤設置強大的表格

　　<table> ......</table>標記表個的開始和結束

　　<tr> ................</tr> 標記行的開始結束

　　<td>.................</td>標記列的開始結束

　　<caption> ........</caption>標記表格的標題

　　<th>........</th> 標記表格的頭

　　（一）table屬性align設置整個表格對齊方式：left center right

　　（二）table屬性border設置邊框的寬度

　　（三）table屬性bordercolor設置邊框的顏色

　　（四）咱們還能夠經過thead tbody tfoot三種標籤分別對錶頭，表體，表尾分別進行樣式設置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
  <table align="center"  border="3">
      <caption>學員信息表</caption>
      <tr>
          <th>姓名</th>
          <th>學校</th>
          <th>專業</th>
      </tr>
      <tbody align="center" >
          <tr>
              <td>張三</td>
              <td>移通</td>
              <td>通訊</td>
          </tr>
          <tr>
              <td>李四</td>
              <td>工商</td>
              <td>會計</td>
          </tr>
      </tbody>
  </table>
</body>
</html>

十、建立交互式頁面

　　（一）<form>標籤用來提交數據的標籤（目前不學開發簡單瞭解）

　　基本語法：<form action="表單的處理程序，處理地址">...................</form>

　　　　屬性action用於指定表單數據提交到那個地址進行處理

　　（二）<input>表單的控件

　　基本語法：<input type="表單對象" name="表單對象的名稱">

　　type是肯定不一樣表單對象，name給對象取一個名字，主要給程序區分.例如：首富王健林，首富是type，王健林是name

　　tpye的屬性：

　　　　text：文本字段 <input name="字段名稱" type="text" value="文字字段默認值" size="顯示字段長度" maxlength="最多字符數">

　　　　password：密碼域 <input name="字段名稱" type="password" value="密碼字段默認值" size="顯示字段長度" maxlength="最多字符數">

　　　　radio：單選按鈕 <input name="單選按鈕的名稱" type="radio" value=" 單選按鈕的取值" checked="checked">

　　　　checkbox：複選框<input name="複選框按鈕名稱" type="checkbox" value="按鈕取值" />

　　　　buttom：普通按鈕能激發提交，通常是配合腳本語言搞更牛的事情，暫時是一個空白按鈕

　　　　submit：提交按鈕 <input type="submit" name="buttom" value="提交">

　　　　reset：重置復位按鈕<input type="reset" name="buttom2" value="重置">

　　（三）下拉列表

　　　基本語法：

　　..........

　　</select>

　　ps:屬性 multiple 能夠設置多選

　　（四）文本區域標記

　　基本語法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字體的設置</title>
</head>
<body>
   <form action="http:www.baidu.com">
       <div>
       <h1>各類表單</h1>
        姓名：<input type="text" name="text1" value="請輸入名字">
        <br/>
        密碼：<input type="password" name="password1" >
        <br/>
        <p><b>選擇性別：</b></p>
        男<input type="radio" name="choice1" value="男" checked="checked">
        女<input type="radio" name="choice1" value="女">
        <p><b>選擇愛好：</b></p>
        計算機<input type="checkbox" name="checkbox1">
        語文<input type="checkbox" name="checkbox2">
        英語<input type="checkbox" name="checkbox3">
        <p><b>選擇學校：</b></p>
        <select  name="sel1">
            <option>移通學院</option>
            <option>工商學院</option>
            <option>應用職業學院</option>
        </select>
       <p><b>留言：</b></p>
       <textarea name="textarea1" cols="800" rows="5" >留言區</textarea>
       </div>
        <input type="reset" name="buttom" value="復位">
        <input type="submit" name="buttom" value="提交">
   </form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>胡勁</title>
</head>
<body>
    <form action="https://www.baidu.com/s?">
        <input type="text" name = "wd" value = "鄉村教師胡勁"/>
        <input type ="submit" value = "我本身的新搜索厲害了"/>
    </form>
</body>
</html>
<!--input系列-->
    <!--input type ="text"  文本輸入-->
    <!--input type ="password" 隱藏輸入，密碼-->
    <!--input type ="button"   空按鈕-->
    <!--input type ="submit"   提交按鈕-->

2、網絡安全基礎

　　網絡安全威脅主要四個方面：天然災害、系統故障、操做失誤、人爲蓄意破壞

　　前三種咱們能夠經過增強管理採用各類技術來防範，對於病毒破壞和黑客攻擊須要進行綜合防範。

一、網絡病毒概述

　　1988年11月美國康奈爾大學羅伯特·莫里斯利用UNIX 操做系統的一個漏洞，製造一種蠕蟲病毒，形成鏈接美國國防部、美軍軍事基地、宇航局和研究機構的6000 多臺計算機癱瘓，這是第一個在網絡上傳染設計的病毒。

　　計算機病毒：值編制或在計算機程序中插入的破壞計算機功能或者數據，影響計算機使用而且可以自我複製的一組計算機指令或者程序代碼。

　　傳統計算機病毒目的：破壞軟、硬件

　　計算機病毒特色：破壞性、傳染性、隱蔽性、可觸發性

　　網絡病毒：主要經過計算機網絡傳播的病毒

　　網絡病毒傳播途徑：郵件附件、惡意網絡瀏覽

　　網絡病毒分類：蠕蟲病毒、木馬病毒

　　　　蠕蟲病毒：經過網絡不斷傳播自我複製，大量消耗本機資源和網絡帶寬，致使網絡堵塞從而使網絡服務拒絕，最終形成整個網絡系統癱瘓。

　　　　蠕蟲病毒傳播途徑：系統漏洞、電子郵件、在線聊天、局域網下的文件夾共享

　　　　木馬病毒：木馬病毒實質是一段計算機程序，由兩部分組成：客戶端（黑客電腦）+服務端（隱藏感染木馬的計算機上）

　　　　服務端（隱藏感染木馬的計算機上）：會在用戶的電腦上打開一個和多個端口和客戶端（黑客電腦）通訊，這樣黑客就能竊取用戶計算機上的帳號密碼等機密信息，不只如此，黑客還能夠遠程控制用戶的計算機，如：刪除文件、修改註冊表、更改系統配置等

　　　　木馬病毒傳播途徑：電子郵件、在線聊天（QQ/MSN等）、惡意網頁，多數是利用操做系統的漏洞

二、網絡病毒防範　　

　　方針：「預防爲主，防治結合」

　　常見的病毒入侵手段

　　（一）經過安裝插件：瀏覽網頁，部分網頁會提示是否安裝插件，有些木馬病毒就影藏其中，對於不明插件來源就禁止安裝

　　（二）經過瀏覽惡意網頁：因爲惡意網頁中嵌入了惡意代碼和病毒，用戶在不知情的狀況下瀏覽這種惡意網頁就會感染病毒，隨意不要去瀏覽來路不明的網站。360安全衛士、Windows清理助手能夠清除惡意軟件，修復被更改的瀏覽器地址

　　（三）經過在線聊天：例如「MSN」病毒就是利用MSN向全部在線好友發病毒文件，一旦中毒就可能致使用戶信息泄露。對於經過聊天軟件發送來的任何文件，都要確認安全後再打開運行，不要隨意單擊聊天軟件發送來的超級連接。

　　（四）經過電子郵件：郵件中的附件包含病毒軟件，防治：不要輕易打開帶有附件的電子郵件，其次要安裝殺毒軟件並啓用「郵件發送監控」和「郵件接受監控」功能。

　　（五）局域網的文件共享：關閉局域網下的沒必要要的文件共享，防止病毒經過局域網傳播

三、網絡攻擊與防範

　　（一）黑客攻擊方式

　　黑客（hacker）：通常指計算機非法入侵者，他們大都是程序員，對計算機基礎和網絡技術很是精通，瞭解系統漏洞及其緣由所在，喜歡非法闖入並以此做爲一種智力挑戰而沉醉其中。

　　　　a、密碼破解

　　　　　對應方式：設置複雜密碼，採用動態密碼，模擬鍵盤

　　　　b、IP嗅探（網絡監聽）

　　　　對應方式：對傳輸數據加密

　　　　c、釣魚網站

　　　　　對應方式：不要輕易打開來路不明超連接

　　　　d、端口掃描

　　　　　對應方式：有須要時打開端口，不爲未識別的程序打開端口，端口不須要時關閉，不須要上網的時候斷開網絡鏈接

　　（二）防止黑客攻擊的策略

　　　　a、身份認證: 經過密碼、指紋、面部特徵、視網膜圖案等特徵信息來確認用戶的身份真實性，只給確認了的用戶給訪問權限

　　　　b、訪問控制：設置入網訪問權限、網絡共享資源的訪問權限、目錄安全等級控制、防火牆的安全控制等

　　　　c、審計：記錄網絡上用戶的註冊信息，如註冊來源、註冊失敗的次數，記錄用戶的訪問的網絡資源。當遭到黑客攻擊，這些數據就可用來幫助調查黑客的來源。

　　　　d、保護ip地址：經過路由器只將帶外部IP地址的信息發送出去，其餘數據都限制在局域網內，對外屏蔽內部IP地址，從而保護計算機。

　　（三）防火牆

　　　　a、防火牆的功能：

　　　　監控鍵入內部網絡或計算機的信息

　　　　保護內部網絡或計算機的信息不被非受權訪問、非法竊取或破壞

　　　　過濾不安全的服務

　　　　提升企業內部網的安全

　　　　記錄內部網與外部網通訊的安全日誌

　　　　不啓用防火牆：Inernet explorer 瀏覽網頁、outlook express 收發電子郵件、windows messenger 及時通訊這些通訊數據就能暢通無阻的進出內部網絡或用戶的計算機

　　　　啓用防火牆：通訊數據會根據防火牆設置的訪問規則受到限制

　　　　b、windows 防火牆

　　　　windows自帶了一個防火牆，用於阻止未受權用戶經過internet或網絡訪問用戶計算機

　　　　windows防火牆能作到　　　

　　　　阻止計算機病毒和蠕蟲到達用戶的計算機

　　　　請求用戶的容許，以阻止或取消阻止某些鏈接請求

　　　　建立安全日誌，記錄計算機成功鏈接嘗試和不成功鏈接嘗試

　　　　windows防火牆不能作到

　　　　檢測計算機是否感染了病毒或清除已有的病毒

　　阻止用戶打開帶有危險附件的電子郵件

　　　阻止垃圾郵件或未經請求的電子郵件

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。