明日報記者 劉坤

日前，國務院印發《深入實施以人為本的新型城鎮化戰略五年行動計劃》（以下簡稱《行動計劃》），對未來5年推進新型城鎮化建設的總體要求、重點任務、政策措施和組織實施等作出部署。8月2日，國務院新聞辦舉行國務院政策例行吹風會，圍繞相關問題進行了介紹。

國家發展改革委副主任鄭備在吹風會上表示，黨的十八大以來，我國新型城鎮化建設取得重大進展。常住人口城鎮化率從2012年的53.10%提高至2023年的66.16%，城鎮基本公共服務覆蓋范圍顯著擴大，城市群一體化發展明顯加快，一批現代化都市圈逐步培育，人民生活品質不斷提升。

“但城鎮化發展中還存在一些問題，比如，一些中小城市和縣城對產業和人口的承載能力不足，超大特大城市對周邊的輻射帶動作用發揮不夠，部分城市安全韌性存在短板弱項。”鄭備說。

《行動計劃》提出，經過5年的努力，農業轉移人口落戶城市渠道進一步暢通，常住地提供基本公共服務制度進一步健全，協調推進潛力地區新型工業化城鎮化明顯加快，培育形成一批輻射帶動力強的現代化都市圈，城市安全韌性短板得到有效補齊，常住人口城鎮化率提升至接近70%。

鄭備介紹，《行動計劃》部署了4項重大行動，分別為新一輪農業轉移人口市民化行動、潛力地區城鎮化水平提升行動、現代化都市圈培育行動、城市更新和安全韌性提升行動。

公安部治安管理局局長仇保利表示，近年來，中小城市落戶門檻基本取消，成都、東莞、合肥等一批大城市進一步放開放寬遷移限制。據統計，2021年至2023年，超過4000萬農業轉移人口落戶城鎮。

“我們將會同相關部門，指導各地在堅持合法穩定就業或合法穩定住所（含租賃）基本條件的基礎上，因地制宜、因城施策，進一步放開放寬遷移政策，推行以經常居住地登記戶口制度，更好地促進農業轉移人口進城落戶?！背鸨＠f，要通過一系列政策“組合拳”，讓農業轉移人口進城落戶更順暢、更便捷。

財政部經濟建設司司長符金陵表示，推進以人為本的新型城鎮化發展前景廣闊、任務艱巨，財政部將按照《行動計劃》明確的目標任務，會同相關部門積極發揮財政職能作用，進一步加力提效。

人力資源社會保障部農民工工作司司長尚建華介紹，我國有近3億農民工，近年來，農民工就業形勢保持總體穩定。人力資源社會保障部將著力拓寬就業渠道，穩定和擴大農民工就業容量。著力優化就業服務，完善公共就業服務體系。積極摸排農民工知識技能基礎、求職就業意愿和技能提升需求，著力加強技能培訓。健全農民工等人員社保制度，切實維護農民工勞動保障權益。

自然資源部空間規劃局局長張兵表示，自然資源部將健全城市規劃體系，深化土地制度改革，建立健全覆蓋全域全類型、統一銜接的國土空間用途管制和規劃許可制度，更好支撐《行動計劃》實施。

住房和城鄉建設部新聞發言人、住房改革與發展司司長王勝軍介紹，黨中央、國務院部署實施城鎮老舊小區改造以來，全國累計新開工改造城鎮老舊小區25萬個。通過改造，這些老舊小區煥發出新的活力，大約4400萬戶、超過1億居民享受到看得見、摸得著的實惠?！拔覀儗⒁宰屓嗣袢罕娮∩细玫姆孔訛榛c，系統推進好房子、好小區、好社區、好城區建設，打造城鎮老舊小區改造升級版，為人民群眾創造更高品質的生活空間?！蓖鮿佘娬f。

《光明日報》（2024年08月03日 03版）

來源： 光明網-《光明日報》

料是36氪推出的新欄目，挖掘新聞背后那些你需要知道的料，歡迎繼續關注。

文 | 黃綺思 羅雅涵

“嘀——”

收銀員掃貨品條形碼，你亮出付款二維碼，一句話都不用說，一筆交易就完成了。

當代購物體驗這么順暢，毫無疑問，用戶們首先得感謝條形碼和二維碼的發明人。

據美聯社報道，條形碼的合作發明者之一喬治·勞雷爾（George Laurer）于12月5日在北卡羅來納州的家中去世，享年94歲。1970年代在IBM擔任工程師時，勞雷爾開發了如今長方形的通用產品代碼（UPC），即俗稱的條形碼。他的逝世，也因此引起了一波懷舊和紀念。

條形碼的前世今生

嚴格來說，最先提出條形碼這一概念的人其實并不是勞雷爾。

早在1948年，費城煤氣科技學院一位名叫伯納德·塞爾沃的研究生就曾經嘗試著手研發條形碼，用以在收銀臺處自動記錄商品。

這時的條形碼還不叫條形碼，形狀也不是長方形而是圓形。伯納德·塞爾沃和他的同學約瑟夫·伍德蘭德最開始使用的是莫爾斯電碼，計劃將莫爾斯電碼中的點線設置成粗細不一的條紋，用以表示特定的數字以及字母。這個想法后來成了各種條碼的最基本構想。

最初的圓形碼 圖片來源：New York Times

最開始的條形碼印在半透明的紙上，用強光穿透圖像后，投射于可以讀取和記錄條形碼的機器，再進一步轉換為信息。在前期，由于照射的光線太弱，照穿條形碼后的光線不能作用接收器。二人不得已更換了一只500瓦的大燈泡用以照射條形碼，卻發現溫度過高，燒壞了條碼。在加入風扇幫助降溫的情況下，整個系統還是開始工作了。

但由于當時科技水平發展的限制，這些被識讀的條形碼并不能提供足夠多有用信息。整個系統體積龐大，噪音過大。盡管二人在1949年為其申請了專利并命名為“公牛眼”，這一技術仍被擱置下來。

到了20世紀60年代，伍德蘭德已經成為了IBM的工程師，他并沒有放棄自己年少時的想法，而是不斷說服IBM投資研究條形碼。這時，激光和計算機已經問世；前者可以輕而易舉地穿透條形碼，后者可以快速且準確地讀取、存取和處理條形碼上的信息 。終于，大約在1969年末，IBM指派喬治·勞雷爾研究如何制作超市掃描儀和標簽。伍德蘭德也在這一項目之中。

經過將近四年的艱難研究，IBM終于推出了一種既易于打印同時也能有效傳遞信息的長方形條形碼。這種條形碼最終得到了當時的符號選擇委員會的認可，被命名為標準商品碼（Uniform Product Code）。

1974年6月26日，世界上第一個條形碼掃描器被安裝在俄亥俄州特洛伊的馬什超市里。第一件被掃描的商品是10包箭牌的多汁水果味口香糖。這包口香糖如今已被美國歷史博物館收藏 。

至此，條形碼的應用從商品包裝逐漸擴展至郵政分揀、書籍管理、行李托運等眾多行業。國際物品編碼協會最近發布的《GS1全球辦公年度報告2018-2019》顯示，僅僅是GS1這一種標準之下，每天就超過60億個條形碼被掃描。超過兩百萬家公司，共1億種產品正在使用條形碼。

遠渡重洋，來中國安家

條形碼最開始進入中國，并非用于零售業，而是用于郵政系統。根據知網顯示，國內最早一篇關于條形碼的論文出現在1979年，發表在《中國郵政》的“國外技術動態”一欄，內容是對于條形碼及其識別系統這技術的介紹。

接下來的幾年中，條形碼在我國的應用區域逐漸擴展至圖書館、醫院以及商品零售業。1988年12月，經國務院批準成立了國家物品編碼協會?！鞍宋濉逼陂g，國務院電子信息系統推廣應用辦公室也將條碼技術作為重點推廣應用的10項工作之一。1991年4月，我國正式加入國際物品編碼協會；1991年6月開始籌建國家條碼質量監督檢驗中心；1991年05月首批五項條碼國家標準發布實施；1992年06我國第一家POS系統問世，這才標志著我國正式開始使用商品條碼。

近三十年來，條形碼已經走入千家萬戶，在各行各業無不發揮著重要的作用。

打個比方，昨天雙十二，你網購了一盒來自日本的口罩，以防北京時不時出現的霧霾。在整個購物過程中，幾乎處處有條形碼的身影。

如果你是通過代購人肉購買，那么裝著你的口罩、托運回國的箱子上，必然綁著條形碼的標簽。里面包含著代購的個人信息、起飛地、降落地以及航班號。據公開資料顯示，自從航空行李托運引進條形碼追蹤行李后，行李丟失率降低了95%。

如果你是通過官網購買，條形碼一樣參與其中。據GS1官網顯示，我國海關最近為單一窗口申報系統推出了GTIN（Global Trade Item Number，全球貿易商品號）報告功能。這是在海關通關中采用GS1條碼的重要一步，有助于我國進出口記錄進一步標準化、高效化。

等口罩進入國內進行配送時，條形碼更是無處不在。

配送中心接到送貨訂單后，將信息匯總，對訂單進行整理、分析，決定配送的時間段，配送的路線等等。分揀人員掃描條碼獲得商品的目的地后，會將信息打印出來并貼上揀貨標簽。接下來就是機器與條形碼的互動了——分類機將商品放在傳送機上，掃描機掃描條形碼，識別商品信息，并檢驗揀貨是否出錯。

如果一切都進行順利，商品會被裝入不同的貨箱，踏上征程。貨箱上的條碼也包含著配送信息。整個配送過程中，工作人員會利用條形碼閱讀器掃描條形碼，將數據上傳到計算機，隨時顯示商品的實時位置。這既有利于配送中心及時調整商品運輸路線，也有利于盯著某寶物流界面的你緩解焦慮。

等到收貨時，你或是迫不及待將手機上的條形碼伸向快遞柜的掃描窗口，或是向快遞小哥報出自己的手機號。“嘀——”收貨成功。拆膠帶，開箱，扔包裝一氣呵成。那片毫不起眼的條形碼標簽被你撕成兩半，順手扔進垃圾桶。

殊不知，正是這小小的條形碼，跨越了千山萬水，護送商品到達你的手中。

沉默發明者與炙熱二維碼

盡管條形碼的普及，讓原來要靠手動輸入商品價格的超市收銀員們擺脫了手腕麻木和“腱鞘炎”的折磨，但新的問題又隨之而來：由于容量有限，條形碼最多只能記錄20個英文數字，假名和漢字還無法識別。這令很多生產線上的企業嚴重不滿，掃描速度和出錯率成了新的詬病。

“如何讓條碼包含更多的信息”成了許多國家，尤其是進入經濟高速增長期，超市、大工廠遍地開花的日本尤為考慮的問題。

90年代，正在DENSO WAVE公司任職的騰弘原想到，一條碼只能橫向記錄20個數，如果擴大到點陣式平面，記錄的信息自然可以增多。然而做碼容易，但如何讓這個平面碼能夠高速讀取卻不簡單。

二維碼發明者：騰弘原

騰弘原和另一位同事組成研發小組，開始了新的攻克。方塊的二維碼有四個直角，他們選定其中三個設置為定位符，然后通過僅剩的一個角的位置來判斷二維碼內容的方向。這樣不管手機從任何方向掃碼，都不影響內容的讀取。

當然，日本人的細節完美主義癥也在這上面體現得淋漓盡致。為了避免二維碼和其他類似圖案相混淆導致識別出錯，騰弘原對當時市面上的雜志、海報、紙箱上的圖案進行了詳盡統計，從而確定二維碼定位區的方框使用的黑白區域寬度比為1:1:3:1:1最合適。

經過近兩年的反復試錯，一個能夠容納7000個左右數字，同時還兼具漢字編碼能力的小方塊碼最終問世。相比于過去的條形碼，它不僅在信息存儲容量上提升了300倍，掃描速度也快了近10倍。

1994年，DENSO WAVE公司面向全日本公開了二維碼，并取名為“Quick Response”（快速響應）。為了讓更多人了解并實際使用二維碼，創作者騰弘原積極奔波于各個企業，為更多人推介。

很快，從事汽車生產的豐田公司率先在自家的電子看板上采用二維碼，并成功借助它提升了公司出貨、單據制作的管理效率。隨后二維碼開始被更多行業所接受，開始應用在食品、藥品甚至隱形眼鏡生產等方面。

而讓二維碼開始席卷全社會的，還是因為“瘋牛病”等危及食品安全的事件頻頻出現。飽受食品安全焦慮的人們，急需一個完整記錄食材生產、流通直到端上餐桌全過程的載體，而能夠同時容納這么多信息并快速顯示的，只有二維碼，它對生產透明化起到了關鍵的推動作用。

盡管DENSO WAVE公司擁有二維碼的專利權，但卻沒有收取專利費，這是研發之初就確定的方針，也是研發者騰弘原的初衷：“希望能有更多人使用二維碼”。免費從來都是吸引用戶的最好手段。很快，二維碼就沖出日本，被應用于全世界各地。

遍地開花的中國式掃碼

2000年，ISO組織宣布二維碼符合國際標準并把其納入ISO標準集之內，官方的蓋章認定讓二維碼的發展從此更加暢通無阻。

2012年左右，伴隨蘋果一代iPhone 4S的發布，移動互聯網也迎來增長勢頭最猛的一段時間。根據統計，當時平均每5個美國人中就有一個掃過二維碼，歐洲的情況也類似。2012年倫敦奧運會期間，通過二維碼簽到互動的人數更是達到新高潮。僅一個季度，二維碼的使用率相比上一年暴增157%。

然而老外們對二維碼商業模式和社會行為的探索似乎到這就止步了，真正把二維碼安插到每天出門吃飯購物支付所有環節，在各行業遍地開花的還是中國人。

要論支付技術，中國還只是個苦苦追趕者，當其他國家已經可以地鐵和公交站的廣告窗上掃碼下單時，國內大多數人還停留在揣著現金出門。盡管如此，但中國卻有經驗有老本——擁有巨量規模的電商產業。淘寶的飛速發展使得支付寶在當時占據了網絡支付的絕大部分市場份額。在網購幾乎被淘寶和支付寶壟斷的同時，線下消費的人們卻還在使用現金和刷卡支付。

秉承“讓天下沒有難做生意”行事風格的阿里，瞄準線下刷卡和找零痛點，率先于2011年7月在支付寶App上新增了“二維碼支付”選項，目的是為不計其數的微小商戶提供無需額外設備的收款服務。

比POS/NFC支持成本低，對智能手機也沒有特殊要求的掃碼支付，讓商戶和消費者都能輕易上手。隨后，支付寶還順勢開通了二維碼進行銀行卡轉賬和紅包碼的功能。這個在支付時可以抵扣部分現金的紅包相當誘人，它進一步刺激著優先用戶使用支付寶進行消費。

在支付寶掃碼支付功能上線兩年后，據艾瑞咨詢調查顯示，2013年中國消費者使用過的移動支付手段里掃碼支付比例達47.2%，此外有22.7%的網民常用二維碼支付手段。

從路邊的包子鋪、菜市場的小攤主，到街角修補的鞋匠，每個人攤前都掛著一張塑料二維碼。為此，阿里還專門創造了“碼商”一詞，讓這些不用購置掃碼槍等硬件設備，只要一張“二維碼”就拿到移動支付的金融服務入場券的商戶，都有了一個統一的稱號。

眼看支付寶掃碼支付勢頭強盛，不甘示弱的騰訊，也在2014年上線了微信二維碼支付。不同于網購盛行帶動支付寶蓬勃發展的路徑，擁有數億日活的微信，更多是憑借人們日常交往中你來我往的一個個微信紅包，來撬開移動支付的另一環。

微信收到的紅包總要有地方消費，聰明的商家開始接受微信支付付款。從最早時候或直接給商家發紅包，演變成商家把收錢二維碼打印出來貼在店鋪里，微信支付線下交易迅速增加逐漸成為比肩支付寶的另一移動支付平臺。

為了搶占中國第三方支付市場的主導地位，兩大商業巨頭持續你追我趕，戰場從線上蔓延至線下。于是自2015年開始很長一段時間里，大街小巷隨處可見身穿小褂的支付寶或微信支付推廣員，以掃街的方式開展收錢碼推廣業務，給小商戶們普及支付知識，并免費幫他們把個人二維碼升級為商家版收款碼，再通過補貼活動為他們拉客戶。

掃碼支付給商戶們帶來的改變直觀可見。不必擔心找零、假幣問題，衛生的同時還能加快銷售速度。除此之外，支付寶、微信還通過補貼政策、費率優惠來吸引小商家。這群線下商業最活躍的群體，也成了移動支付最好的行走廣告位。

2016年，央行正式下發了《條碼支付業務規范》征求意見稿，標志著二維碼支付獲得官方認可，中國也由此進入掃碼支付在全社會范圍內普及的階段。

二維碼就像一只“會不停下金蛋的母雞”，通過這張小小的碼，小微經營者可以接收到N種服務；而對于廣大國人而言，掃一掃二維碼就像是家常便飯。僅2016年，我國平均每天使用微信掃碼的多達10億人次，支付寶則超過5億人次，一年移動支付總額近18萬億元，超過日本的GDP。掃碼支付榮登網友評選的“新四大發明”。

與中國流行掃碼支付不同，這個日本出生的二維碼，在它的發源地卻顯得格外冷清。盡管支付寶和微信已將觸角伸向鄰國，在日本大力推廣移動支付，但許多日本人依舊沒有買賬，最大的原因在于他們害怕自己的個人隱私會被泄露。此外，日本有著強大的信用環境和信用卡服務，完善的信用卡制度讓一卡兼具多功能，在零售、交通、服務等多個領域都可以使用。

熱衷于使用信用卡的不只是日本人，在歐美大部分城市，信用卡同樣是許多人的第一支付選擇。信用卡會定期提供優惠，如開卡送點數，還能跟航空、旅游、買房買車綁定，都是能讓人切實體會到的好處。

此外，中國的移動支付并非獨立，而是同很多銀行達成合作協議，得到了銀行資金扶持；而國外許多發達國家的銀行基本屬于個人所有制，這也就意味著盈利是第一目的，在信用卡消費盛行的情況下，自然不會去考慮移動支付這樣投入大周期長的低利潤業務，更不會去普及。

從條形碼到二維碼，從食品、書籍再到掃碼支付，一個黑白符號卻幾乎革新了世界上每個行業，它們就像是滲透在我們日常生活中的移動小端口，從中可以窺探到世界百年浩瀚的發展。在技術專利的背后，是制度、經濟與新興互聯網的博弈，更是使用者和應用廠商身份的彼此交織重疊。

天我們繼續看看html的學習筆記。

文本標簽

標題標簽<hn>

將文本設置為標題顯示的標簽對。設定標題字體大小，n=1（大）~6（?。?，標題大小一共有6種，也就是從<h1>……</h1>到<h6>……</h6>

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<h1>我是菜鳥小白</h1>
<h2>你們的好朋友</h2>
<h3>  讓我們一起學習吧?。。?lt;/h3>
</body>
</html>

顯示效果如下：

字體修飾標簽

對文字的格式做相應的變化，如粗體、斜體、底線、上標、下標等。常用的字體修飾標簽有以下幾種。

• <b>……</b>:指定文字為粗體字
• <i>……</i>:指定文字為斜體字
• <u>……</u>:指定文字為帶有下劃線
• <tt>……</tt>:指定文字為打字機效果
• ^……:指定文字為上標
• _……:指定文字為小標
• <em>……</em>:對某段文字進行強調，通常用斜體字顯示出來
• <strong>……</strong>:對文本進行強調，通常用粗體字顯示出來我們看下加粗前后對比，其它效果類似方式

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<b>我是菜鳥小白呀</b>
我是菜鳥小白呀
</body>
</html>

顯示效果如下：

字體標簽<font>

設置文檔的字體，改變其屬性，對文本進行不同的設置，包含字體、大小、顏色等

• size
• face
• color

我們看看大小的對比區別

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
<body bgcolor="11ffff" text="000000">
我是菜鳥小白
<font size="20px">我是菜鳥小白呀</font>
</body>
</html>

顯示效果如下：

超鏈接標簽

超鏈接的定義

在不同文檔、同一個文檔的不同段落之前相互跳轉。html鏈接包含兩部分：錨標和目標點。錨標就是鏈接的源點，當鼠標被移動到錨標處時會變成小手狀。此時，用戶通過點擊鼠標就可以到達鏈接的目標點。目標點可以是一張圖片、一個網絡文件、一個多媒體文件等。

屬性href（hypertext reference）

用于設定鏈接地址，其鏈接地址必須是URL地址，必須給出具體的路徑。其中URL地址可以為下面內容：

• 網站：可以設置ip地址或者是網站的網址。

<a href="http://www.baidu.com">百度地址</a>

點擊頁面的百度地址可直接跳轉到百度頁面

• 網頁：鏈接到本機的網頁。

<a href="cainiao-跳轉后頁面.html">跳轉</a>

跳轉前頁面

點擊跳轉后直接跳轉到新的本機頁面

• 可執行文件：當文件擴展名不是html、asp等時，會將鏈接到的文件下載到本地計算機或直接執行。如果是文本文件（如word格式），則在瀏覽器中打開文件并進行編輯。

<a href="index.txt">txt文件，打開進行編輯</a>
<a href="index.wav">播放聲音</a>

• 網頁上的書簽：通常使用在網頁的長度超過屏幕時，可以使用書簽直接跳轉到該書簽指向的具體內容，節省移動滾動條的時間。

屬性target

• 屬性值分別為_blank、_self、_parent、_top。
• target=_blank：在新的瀏覽器窗口中打開連接的文檔，同時保持當前窗口不變
• target=_self：將鏈接的文檔載入鏈接所在的同一框架或窗口，默認設置為_self
• target=_parent：將鏈接的文檔載入該鏈接所在框架的父框架或父窗口。如果包含鏈接的框架不是嵌套框架，則所鏈接的文檔載入整個瀏覽器窗口。
• target=_top：將鏈接的文檔載入整個瀏覽器窗口，從而刪除所有框架我們以“_blank”為例，可以按照如下方式編寫：

<!--在新的窗口中打開百度首頁-->
<a href="http://www.baidu.com" target=_blank>百度地址</a>

屬性title

瀏覽器會以浮動提示的方式顯示解釋信息

<a href="http://www.baidu.com" target=_blank title="百度歡迎你">百度地址</a>

實際效果展示：

屬性name

利用name屬性作為錨定位，可以實現文檔內部的定位。這個需要我們在兩個<a>標簽中，一個寫明name，作為一個錨點；另外一個寫明herf，用于指向錨點。如下面的示例，點擊“百度地址”會跳轉到“這是測試跳轉處”（當頁面超過一頁長度時，測試效果更明顯）

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>

<body bgcolor="11ffff" text="000000">
<a name=ceshi>這是測試跳轉</a>
<a href="#ceshi" title="百度歡迎你">百度地址</a>
?
</body>
</html>

圖像標簽

圖片標簽<img 屬性=“屬性值”>

• 屬性src：來定義圖片的URL（統一資源定位符）地址，是圖片必不可少的屬性。用法形如：<img src="url">

<img src="https://mmbiz.qpic.cn/sz_mmbiz_png/l8AWk3KYjz4lGzzlHNpH7gCkT3kPLd0OSvgQJIp5RotD7VwV0zmYdXMACNBoOWE12FXnYZOkbv0VmnxkWibic5eQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1">

• 屬性height和width：規定圖片的大小。屬性值都是數字，表示圖像寬度和高度所占的像素點數。默認是瀏覽器窗口將自動調整圖像顯示尺寸

<img heigh="500px" width="500px" src="https://mmbiz.qpic.cn/sz_mmbiz_png/l8AWk3KYjz4lGzzlHNpH7gCkT3kPLd0OSvgQJIp5RotD7VwV0zmYdXMACNBoOWE12FXnYZOkbv0VmnxkWibic5eQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1">

• 屬性align：設置圖片對齊方式，垂直對齊（居上、居中和居下）和水平對齊（居左、居中和居右）。

<img align="right" heigh="500px" width="500px" src="https://mmbiz.qpic.cn/sz_mmbiz_png/l8AWk3KYjz4lGzzlHNpH7gCkT3kPLd0OSvgQJIp5RotD7VwV0zmYdXMACNBoOWE12FXnYZOkbv0VmnxkWibic5eQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1">

• 屬性border：默認圖片是沒有邊框的，可以利用border屬性添加邊框。

<img border="20px" align="rows" heigh="500px" width="500px" src="https://mmbiz.qpic.cn/sz_mmbiz_png/l8AWk3KYjz4lGzzlHNpH7gCkT3kPLd0OSvgQJIp5RotD7VwV0zmYdXMACNBoOWE12FXnYZOkbv0VmnxkWibic5eQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1">

表格標簽

表<table>

創建一個表格，有屬性width（寬度）、height（高度）、border（邊框）、bordercolor（邊框顏色）、cellspacing、cellpadding

行<tr>

創建表格中的每一行，有屬性align、valign、bgcolor

列<td>

創建表格的中每一列，有屬性

表頭<th>

設置表頭

我們現在建造一個表

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
?
<body bgcolor="11ffff" text="000000">
?
<table border>
<th>測試表頭</th>
?
<tr>
<td>這是第一行第一列</td>
<td>這是第一行第二列</td>
<td>這是第一行第三列</td>
</tr>
<tr>
<td>這是第二行第一列</td>
<td>這是第二行第二列</td>
<td>這是第二行第三列</td>
</tr>
</table>

</body>
</html>

顯示如下：

框架標簽

框架<frame>

一個瀏覽器文檔窗口一般只能顯示一個網頁文件，但是使用框架標簽就可以將一個瀏覽器文檔窗口分割成多個子窗口，每個子窗口中都可以顯示一個獨立的網頁文件。

框架集<frameset>

多個框架組成了一個框架集（Frameset），定義了各個框架如何排列的。有屬性rows和cols，兩個屬性至少選擇一個，否則瀏覽器只顯示第一個定義的框架。

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
?
<frameset cols="25%,50%,25%">
<frame src="https://www.baidu.com"></frame>
<frame src="https://www.qq.com"></frame>
<frame src="https://www.sina.com"></frame>
</frameset>
?
</html>

最終我們將三個頁面在同一個web窗口展示出來了

表單標簽

表單標簽<form>

主要用于采集和提交用戶輸入的信息，使網頁具有交互功能。有屬性：

• action（處理提交數據的頁面）
• method（提交方式（get、post、request））
• target（）

用戶輸入區域標簽<input type="">

這個標簽必須放在<form>……</form>標簽之間。有屬性type，具體參數值有：

• text（單行文本輸入框）
• textarea（多行輸入框）
• password（密碼輸入框）
• radio（單選框）
• checkbox（復選框）
• select（下拉框）
• submit（提交）
• reset（重置）
• image（圖片提交）
• file（上傳文件）

<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鳥小白的學習分享</title>
</head>
?
<body>
<p>用戶名<input type="text"></input></p>
<p>多行輸入框<textarea></textarea></p>
<p>密  碼<input type="password"></input></p>
<p>單選框<input type="radio"></input></p>
<p>復選框<input type="checkbox"></input></p>
<p>下拉框<input type="select"></input></p>
<p>提交<input type="submit"></input></p>
<p>重置<input type="reset"></input></p>
<p>圖片提交<input type="image"></input></p>
<p>文件提交<input type="file"></input></p>
?
</body>
</html>

實現效果：

好了，今天的內容就分享完了，如有什么意見和建議可以私信菜鳥小白哦，我們下期再會~