前端技術的概括以及html的基本知識總結

1.javaweb的理解:
使用java語言開發的web應用。通過瀏覽器訪問的 應用【包括公司官網、管理系統】

2.流行的開發應用的架構
1.C/S模式【客戶端服務器架構】
1.網速要求比較低
2.需要更新
3.不同的操作系統 需要開發不同的應用【不跨平臺】
4.用戶使用的應用(聊天工具)
2.B/S模式【瀏覽器服務器架構】
1.網速要求比較高(4G)5G
2.無需更新
3.只需要開發一個應用,在任何系統中都可以訪問(跨平臺)

3.前端技術
1.結構HTML
HTML是網頁內容的載體。內容就是網頁製造者放在頁面上想要讓用戶瀏覽的信息,可以包括文字、圖片、視頻等
2.表現CSS
CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或爲標題加入背景圖片、邊框等
3.行爲JavaScript
是用來實現網頁上的特殊效果。如:鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。

4.HTML的理解:
HyperText Marked Language(超文本標記語言)超出文本範疇既可以顯示文字也可以顯示圖片,視頻 ,音頻,由瀏覽器無需編譯可以直接解析 網頁結構
語法特點:
1.標籤都是預先定義好的:每一個標籤都有特定的含義
2.標籤名不區分大小寫,一般要求小寫
3.標籤通常是成對出現的:有開始有結束
4.也有單邊標籤
5。每一個標籤包含的內容:一個完整的標籤稱爲元素
6.標籤可以嵌套
7.分爲head頭和body體
8.註釋格式<!-- - - >
常見標籤
1.文本修飾標籤
1.標題標籤 <h1>到 <h6>獨佔一行加粗
2.加粗標籤<b>、<strong>
3.斜體標籤 <cite>、<i>、<em>
4.下劃線 <u>
5.刪除標籤 <s>
6.上標<sup> 下標<sub>
7.滾動標籤 <marquee>
8.字體標籤 <font>
2.格式修飾標籤
1.<p>段落標籤
2< hr width ="寬度" size="高度"/>分割線標籤
3.<br/>換行標籤
4.有序列表<ol type="樣式"><li>1</li><li>2</li></ol>
5.無序列表 <ul type="樣式"><li>1</li><li>2</li></ul>
6.自定義列表 <dl type="樣式"><li>1</li><li>2</li></dl>
3.多媒體標籤
1.<img src = "圖片路徑" width=“寬” height=“高” titile+"提示信息">
2.<audio src = "音樂路徑" width=“寬” height=“高” titile+"提示信息">
3.<video src = "視頻路徑" width="寬" height="高" titile="提示信息">
4.超鏈接標籤
:超鏈接標籤 點擊可以跳轉
屬性:
1.href:目標路徑 可以是絕對路徑 也可以是相對路徑 也可以是錨點id標記 #id值
2.target:_self:默認自身窗口打開 _blank:新窗口打開_parent :打開父窗口顯示 _top:最頂層頁面打開
5.表格標籤

<table>:表格標籤
   屬性
    border:邊框
    cellspacing:外邊距
    width:寬度
    height:高度
    align:對齊方式
    cellpadding:內邊距(內容與內邊框的距離)
   標籤:
    caption:表格的標題
    tr:行 屬性 align:對齊方式:默認左對齊
    td:列  屬性 rowspan:合併行(上下)colspan(合併左右行)
    th:列標題  加粗居中
  ***

6.表單標籤

  form標籤:
    1.作用:用戶可以實現提交數據到服務器。登錄,註冊,搜索等
    屬性:
     1.action 提交到服務器的地址(url)
     2.method 請求方式
      默認:get 將輸入信息拼接在url路徑中相對不安全   內容不超過2kb
      post:將數據放在請求頭中(headers)提交相對安全,理論上沒有限制  通常使用post方式提交
     3.enctype:表單數據提交到後臺的編碼
      默認:application/x-www-form-urlencoded:將表單數據解析成鍵值對的形式
      文件上傳:multipart/form-data
   input標籤:輸入框
    屬性:
     1.type:輸入內容的格式
      text:文本內容
      password:密碼
      radio:單選框注意:name一致實現互斥
      checkbox:複選框注意:name一致
      button:按鈕 沒有提交表單功能 結合js使用
      submit:提交按鈕 可以將表單數據提交到後臺
      file:文件上傳框
     2.name:作用:提交後臺(鍵值對)name值=輸入的值
     3.value:輸入框的默認值 可以省略
     4.placeholder:提示
   select標籤:下拉列表  屬性name
   option標籤:每一個下拉列表的元素 和select結合使用
   textarea標籤:文本域標籤
    屬性:cols:寬  rows:高
   button標籤:按鈕 有提交表單的功能
  ****
  

7.內聯框架標籤

 iframe標籤
:內聯架構標籤  頁面中有嵌套頁面
   屬性:src:嵌套的頁面路徑width:寬度 heigth:高度
   frameborder 邊框大小
   a標籤:屬性target指定那個窗體打開頁面
  *

8.架構標籤:主要用戶後臺管理*

 frameset標籤:可以分割頁面
   屬性:
    rows:上下分割  100px一部分 *剩下部分
    cols:左右分割
    noresize:不可重置大小
    border:frame的邊框大小
   frame:分割的部分加載後的資源頁面
   src:加載的頁面

9…無意義的標籤(結合css使用)

 可以使用
css樣式更加靈活的控制標籤樣式
   div:塊元素標籤  獨佔一行 可以指定寬度和高度
   span:行元素標籤  不獨佔一行 不可以指定寬度和高度
  

10.字符實體

  1.空格   實體名稱  &nbsp; 實體編號 &#160
   2小於號  實體名稱 &lt; 實體編號 &#60
   等等參考W3school
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章