Web應用開發技術(1)-html


Web應用開發技術

一個完整的Web應用需要通過前段開發技術和后端開發技術一起聯合實現

最重要的前段開發技術:HTML、CSS、JavaScript

后端開發技術:Python、Java、PHP、ASP.NET、Node.js

 

Web項目開發技術團隊構成:項目經理、產品經理(Product Manager,簡稱PM)、UI設計師或美工、前端工程師、后端工程師、測試工程師、運維工程師

 

前端開發技術

負責制作網頁

HTML:Hyper Text Markup Language,超文本標記語言,也是瀏覽器遵守的技術,定義了組織網頁內容的一系列元素及這些元素的含義

CSS:Cascading Style Sheet,層疊樣式表,通過樣式表格控制網頁呈現在用戶眼前的外貌

JavaScript:簡稱JS,運行在瀏覽器上的腳本編程語言,操作HTML元素,響應用戶的操作

 

HTML

標記語言,W3C負責制定的技術標准,HTML5是HTML技術標准的最新版本

W3C:World Wide Web Consortium,萬維網聯盟

HTML5是不僅僅是指HTML的5.0版本,更是一系列開發現代富內容網頁的技術的總稱

HTML是XML的子集,但其格式沒有XML嚴格

一個HTML文檔是由文檔聲明,若干個HTML元素構成

HTML文檔就是所謂的網頁,其文件后綴名為.html或.htm,可以使用瀏覽器打開

HTML文檔是文本文件,可以使用任何文本編譯器編寫

 

世界主流瀏覽器:

Google Chrome

Mozilla Firefox

Opera

Apple Safari

Microsoft Internet Explorer

 

常用HTML元素(標簽):

head元素的子元素定義的是網頁的元數據,即網頁的各種描述信息

body元素的內容會顯示在瀏覽器窗口客戶區中

p:paragraph,段落

img:image,表示圖像,常用屬性src,width,height,border(邊框)等

a:超級鏈接,常用屬性href,target等,即可以跳轉到另一個網頁,也可以跳轉到同一個網頁內部的不同位置(錨點鏈接)

hr:分隔線

h1-h6:不同級別的標題(注意:這是用來組織內容結構的,不是用來調整字的大小的)

pixel:像素點

 

擴展

  1. 前端編寫可以使用軟件HBuilder X

  2. HTML5相對於HTML4,增加和修改了一些元素

  3. 富內容:即內容豐富,不僅僅是文本內容,還有視頻音頻等

  4. JavaScript和Java沒有任何關系,之所以叫 JavaScript是因為當時 Java很火,想蹭下 Java的熱度

  5. 位圖在放大的時候會出現馬賽克,而矢量圖保持不變

  6. a和img在網頁中顯示時一行可以有多個,而塊級元素會占一行

  7. 單標簽可以省略后面的斜線

  8. target=“_blank” 可以讓超級鏈接的網頁新開一個窗口,而不是覆蓋

  9. HTML只要負責網頁的內容,CSS負責樣式

  1. pip install 模塊名 -i https://pypi.douban.com/sample


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM