今天学习笔记HTTP,HTML,CSS_html/css_WEB-ITnose
这几天开始学习JavaWeb了,还是挺有趣的,首先介绍了HTML(超文本标记语言Hyper Text Markup Language)、CSS(层叠样式表Cascading Style Sheets)、HTTP协议(超文本传输协议Hypertext Transfer Protocol),我主要记录HTTP协议,这部分还是很重要吧。
第一点:HTTP协议是应用层协议,当你上网浏览网页的时候,浏览器和服务器之间就会通过Http在Internet上进行数据的发送和接收,HTTP是一个基于请求/响应模式的,无状态的协议
在Http1.1版本中,给出了一个持续链接的机制,与Http1.0的不同就在这了。
第二点:HTTP URL格式:http://host[:port][abs_path]
其中:
http表示要通过HTTP协议来定位网络资源;
Host表示合法的Internet主机域名或IP地址(以点分十进制格式表示);
Port用于指定一个端口号,拥有被请求资源的服务器主机监听该端口的TCP连接;
abs_path指定请求资源的URI(Uniform Resource Identifier,统一资源标示符)。
URL是一种特殊类型的URI,它包含了用于查找某个资源的足够的信息。
第三点:HTTP分为请求和响应
HTTP请求:请求行,消息报头,请求正文;
HTTP请求格式:-Method Request-URI HTTP-Version CRLF
Method请求方法主要有GET,POST,HEAD...当我们通过在浏览器的地址栏中直接输入网址的方式去访问网页的时候,浏览器采用的就是GET方法向服务器获取资源,POST方法用于向服务器发送请求,要求服务器接受附在请求后面的数据。POST的方法在表单提交的时候用的最多。
get与post方法之间的差别:
1):浏览器地址栏呈现的结果不同,表象
2):真正原因在于向服务器端发送请求时的格式不同
3):get的请求格式:
GET/test/LoginServet?username=hello&password=world HTTP/1.1
4):post的请求格式:POST/test/LoginServlet HTTP/1.1
HTTP响应:状态行,消息报头,响应正文
HTTP响应格式:-HTTP-Version Status-Code Reason-Phrase CRLF
响应代码由三位数字组成:
-1xx:指示信息--表示请求已接收,继续处理
-2xx:成功--表示请求已经被成功接收,理解,接受
-3xx:重定向--要完成请求必须进行更进一步的操作
-4xx:客户端错误--请求有语法错误或请求无法实现
-5xx:服务器端错误--服务器未能实现合法的请求
而CSS我主要记录怎样插入样式表:
方法一:外部样式表
-
-
-
mystyle.css:
-hr{color:sienna}
-p{margin-left:20px}
-body{background-image:url("images/back40.gif")}
方法二:内嵌样式表
-
-
-hr{color:red}
-p{margin-left:20px}
-body{background-image:url("images/back40.gif")}
-
-
方法三:行式样式
-
This is a paragraph
??
??

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

在 Vue.js 中使用 Bootstrap 分為五個步驟:安裝 Bootstrap。在 main.js 中導入 Bootstrap。直接在模板中使用 Bootstrap 組件。可選:自定義樣式。可選:使用插件。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

在使用CraftCMS開發網站時,常常會遇到資源文件緩存的問題,特別是當你頻繁更新CSS和JavaScript文件時,舊版本的文件可能仍然被瀏覽器緩存,導致用戶無法及時看到最新的更改。這個問題不僅影響用戶體驗,還會增加開發和調試的難度。最近,我在項目中遇到了類似的困擾,經過一番探索,我找到了wiejeben/craft-laravel-mix這個插件,它完美地解決了我的緩存問題。
