當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

web入门，这些必须掌握！！！

發布時間：2025/3/15 编程问答 16 豆豆

生活随笔收集整理的這篇文章主要介紹了 web入门，这些必须掌握！！！小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

在很多時候，我都想寫一些入門的東西，今天全是干貨！文字：2273，請大家用心閱讀這篇知識點歸納。整理不易。
我們先來說一說有限性和無限性。我們在學習web前端，最基礎要把html和css全部掌握吧，其實知識點是有限的，但是知識點結合變化就是無限的。html是骨架，css是衣服，鮮活的人最基礎的東西。大家可以想一個人穿著不同的衣服，就是css樣式的多樣化，我們不同的人穿著同樣的衣服，就是html的多樣化，所以，我們很多時候后在學習的過程中，都只學會了知識，并沒有靈活的使用，用一個簡單的例子，來描述我的言語：一個div用一個屬性顯示不同顏色的衣服，不同大小的塊，穿著同樣的衣服。web這個技術，入門容易，很容易找到成就感但是想要學深學好，就比較難了。學習web這個前端，我們必須掌握css和html這個層疊樣式表和超文本標記語言，這兩個是你學習的基礎。
今天，我大致羅列一下需要掌握的知識點。HTML
首先我們先要了解一下什么叫HTML？他的運作環境是什么？他的后綴名又是什么？**
**html是超文本標記語言，運作環境是在瀏覽器里面運行，他的后綴名一般就是.html和.htm。明白html的基本結構（！+tab直接生成）

<html><head><meta charset="utf-8"><title></title></head><body></body> </html> 復制代碼

明白什么是單目標簽什么是雙目標簽：可以理解為閉合的標簽是雙標簽，相反就是單標簽

<head></head>雙標簽 <hr/>單標簽復制代碼

了解文本標簽

font標簽 <font></font> 復制代碼

文本標簽里面的復合屬性，在寫css的時候我會給大家總結。
在這里我們還有了解標題標簽，段落標簽，文本標簽，以及格式類標簽，特殊符號，以及列表標簽，字符實體。我一一列舉：

標題標簽hn（1-6） <h1></h1> 段落標簽 p <p></p> 文本標簽比如b i u del q這樣的標簽格式類標簽 br和hr <br />換行 <hr />橫線列表標簽ul ol dl<ul><li></li></ul><ol><li></li></ol>無序列表和有序列表都有li<dl><dt></dt><dd></dd></dl>自定義列表只有一個dt字符實體類用的最多的就是&nbsp；空格復制代碼

我們還要了解href src 和url之間的聯系和區別\

href（hyper text reference）指定網絡資源的位置，從而在當前元素或者當前文檔和由當前屬性定義的需要的錨點或資源之間定義一個鏈接或者關系。Href目的不是為了引用資源，而是為了建立聯系，讓當前標簽能夠鏈接到目標地址。

src?（source）指定外部資源的位置，指向的內容將會應用到文檔中當前標簽所在位置。

url（Uniform Resource Locator）統一資源定位符，俗稱網頁地址。標準格式是：協議類型:[//服務器地址[:端口號]][/文件路徑]文件名?查詢

還要知道絕對的url和相對url的區別

URL分為絕對URL和相對URL。當所需資源在遠程主機上時，需要使用絕對URL；而當資源在本機上時，可以只提供文件部分，這就是相對URL

這些我們了解完了還要知道圖片標簽，超鏈接標簽和音頻視頻標簽

<img src=”URL” width=”” height=”” border=”” alt=”” >圖片標簽 <a href=”” target=”” >百度一下</a>超鏈接標簽 <bgsound src=”” controls >IE瀏覽器支持的播放器</bgsound> <audio src=”URL” controls muted autoplay >可能會有瀏覽器不兼容</audio> <audio controls autoplay > <source src=”music.mp3” type=”audio/mp3”> <source src=”music.ogg” type=”audio/ogg”> <source src=”music.wmv” type=”audio/wmv” > </audio> 音頻標簽 <video src=”” controls muted width=”” height=”’ loop autoplay poster=”” ></video> <video controls> <source src=”” type=”video/mp4”> <source src=”” type=”video/ogg”> <source src=”” type=”video/wmv”> </video> 視頻標簽復制代碼

表格標簽也很重要比如火車票，股票等地方都有涉及。\

學習表格標簽，我們需要知道table表格tr行td單元格。我們先寫一個table，大家看一下。

<table><tr><td></td></tr> </table> 復制代碼

表格標簽里面我們需要了解thead，tbody，th。這些標簽我介紹一下，thead和tbody是后期維護更好的看到頭部信息和主體信息，th就是表頭標簽，里面的內容居中加粗。
學習完表格我們還要學習表單，我們很多時候會發現登錄頁面需要表單，表單最多的需多的是賬戶信息，密碼，性別，愛好，地區，用戶留言，提交，重置，電話，生日等...里面的信息是通過type不同的值進行改變。最需要注意的是密碼這個地方需要隱形字段password這個type值。

<form method="get">賬號：<input type="text" name="zh" value="123"/><br>密碼：<input type="password" name="mm"/><br>興趣愛好：<input type="checkbox" id="籃球"/><label for="籃球">籃球</label><input type="checkbox" checked="checked"/>足球<input type="checkbox" />羽毛球<br />性別：男<input type="radio" name="box" />女<input type="radio" name="box" /><br>上傳文件：<input type="file" /><br>提交：<input type="submit" />重置：<input type="reset" /><br>地區：<select><option>北京</option><option selected="selected">上海</option><option>深圳</option></select><br>留言：<textarea rows="5" cols="20">我是呂恣瑞</textarea></form> 復制代碼

既然學會了表單域我們必須掌握什么是get什么是post，兩者區別？\

get和post的區別？

1.get是將傳輸內容放在瀏覽器地址欄中，可以模擬發送；post是密文發送，不顯示在地址欄中。所以post更安全。

2.地址欄的文本長度受限制，所以get適合傳輸較短且簡單的數據。大數據或文件不能使用get傳輸，而post的長度和大小不受限制，所以適合傳輸重要的、較長的和文件。數據大小。

3.get請求是可以緩存的，post請求不可以緩存。

4.get后退頁面時，不產生影響，post請求頁面后退時，會重新提交請求。

所有的html知識點大家掌握之后就要和css有銜接了，我們需要了解html通用屬性

比如id name class title style等。

HTML的部分大致知識點我們就介紹完了，如果對大家有幫助，還望大家點個贊加再看。謝謝！

后期我會更新css樣式需要學習的知識點。大家可以點個關注！

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的web入门，这些必须掌握！！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

入门
Web

上一篇：【Matlab】矩阵中选取任意子矩阵
下一篇：【Matlab】一种超简单的二维矩阵降维