整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
覽在線網(wǎng)站的體驗(yàn)并不總是流暢的。
曾經(jīng)有一段時(shí)間，你在網(wǎng)上沖浪時(shí)，可能會(huì)聽到你不愿意聽的音樂，并在配色奇怪的網(wǎng)頁(yè)上瀏覽用呆板字體（通常是 Times New Roman）寫成的文字。
在 2000 年代，在 Squarespace 和社交媒體出現(xiàn)之前，網(wǎng)站是個(gè)性的體現(xiàn)，完全由對(duì)代碼有一定了解并渴望上網(wǎng)的用戶使用 HTML 從零開始構(gòu)建。
現(xiàn)在，分散在網(wǎng)絡(luò)上的程序員社區(qū)，正在努力恢復(fù)這種看似過時(shí)的東西。這場(chǎng)運(yùn)動(dòng)來源于藝術(shù)家勞蕾爾·施伍斯特（Laurel Schwulst）和埃利奧特·科斯特（Elliott Cost）創(chuàng)造的“HTML 能量”概念，絕不是對(duì)復(fù)古美學(xué)的膚淺致敬。
它專注于 HTML 編碼的“觸覺”過程，探索語言如何實(shí)現(xiàn)自我表達(dá)，并使個(gè)人能夠在互聯(lián)網(wǎng)中占據(jù)一席之地。
HTML 能量運(yùn)動(dòng)在小型 Discord 頻道和數(shù)字雜志等領(lǐng)域形成，旨在慶祝數(shù)字體驗(yàn)中的“人性觸摸”。
（來源：AI 生成）
如今，大多數(shù)互聯(lián)網(wǎng)都針對(duì)社交、電子商務(wù)和流媒體進(jìn)行了優(yōu)化。大多數(shù)互聯(lián)網(wǎng)流量集中在少數(shù)幾個(gè)網(wǎng)站上，這些網(wǎng)站又都?xì)w少數(shù)幾家公司所有。從冗長(zhǎng)的廣告到咄咄逼人的 cookie 設(shè)置，一些小障礙和麻煩層出不窮。
用戶不斷被提醒，他們?cè)L問互聯(lián)網(wǎng)的條件是讓少數(shù)人從中獲利。X（原推特）的情況完美地概括了互聯(lián)網(wǎng)所有權(quán)的這種狀態(tài)，只需要一位高管就可以引發(fā)大量用戶逃離該平臺(tái)，并將其長(zhǎng)期存在的社區(qū)割裂開來。
然而，盡管大型科技公司壟斷了市場(chǎng)，但一個(gè)基本現(xiàn)實(shí)仍然能夠證明互聯(lián)網(wǎng)的民主：任何人都可以用 HTML 免費(fèi)發(fā)布網(wǎng)站。
從技術(shù)上講，互聯(lián)網(wǎng)為每個(gè)人都提供了空間，因此不存在無處容身的問題。真正的問題是流量。
當(dāng)我與 HTML 能量社區(qū)的不同成員交談時(shí)，所有人都一致地傳達(dá)著一個(gè)基本信息：網(wǎng)絡(luò)上的一切最終都是 HTML。HTML 是任何網(wǎng)站的主干。
這是網(wǎng)站運(yùn)行所需的唯一東西。雖然當(dāng)今流行的 web 開發(fā)語言使用 abridged 命令，通過所謂的數(shù)據(jù)抽象來隱藏技術(shù)復(fù)雜性，但 HTML 是細(xì)粒度的，編程經(jīng)驗(yàn)也不是先決條件。
正如科斯特所解釋的，正是 HTML 的包容性給了渴望在網(wǎng)絡(luò)上發(fā)布自我的人機(jī)會(huì)。使用 HTML，即使缺少一行代碼，網(wǎng)站仍將加載。HTML 能量運(yùn)動(dòng)包含了這些可能性：歡迎通過試錯(cuò)學(xué)習(xí)，鼓勵(lì)創(chuàng)造性實(shí)驗(yàn)。
隨著主流數(shù)字體驗(yàn)趨向于同質(zhì)的視覺語言，人類的觸覺在許多抽象層中迷失了。網(wǎng)站創(chuàng)建者離他們的網(wǎng)站越來越遠(yuǎn)，網(wǎng)絡(luò)也變得更具交易性。
但 HTML 能量運(yùn)動(dòng)呼吁人們重新審視我們與技術(shù)的關(guān)系，使用 HTML 制作網(wǎng)站可以讓程序員探索網(wǎng)站的本質(zhì)。
與公司不同，人們自己創(chuàng)建網(wǎng)站無需向股東負(fù)責(zé)。他們沒有創(chuàng)造有利可圖的體驗(yàn)的壓力，所以他們的創(chuàng)作可以采取各種各樣的形式。
常見類型的 HTML 能量網(wǎng)站包括數(shù)字花園，其中的元素隨著季節(jié)的變化而變化；交互式詩(shī)歌生成器，用戶的輸入會(huì)創(chuàng)造新的意義；以及分享創(chuàng)作者生活細(xì)節(jié)的個(gè)人網(wǎng)站。
在一個(gè)消費(fèi)主義至上的互聯(lián)網(wǎng)中，HTML 能量的網(wǎng)站溫和地提醒人們，網(wǎng)站可以帶來冥想一樣的體驗(yàn)。
HTML 能量社區(qū)提倡理解 HTML 的字面含義，它就是一種語言。它贊美了這種語言的基本特征對(duì)用戶意圖的要求。
作為微小和復(fù)雜創(chuàng)意決策的融合，僅使用 HTML 構(gòu)建的網(wǎng)站是一種自我表達(dá)形式。
查看網(wǎng)站的源代碼與瀏覽界面一樣重要。代碼中經(jīng)常隱藏著彩蛋，比如來自其他 HTML 網(wǎng)站的消息或引用。
在很多方面，HTML 網(wǎng)站都“記錄著”創(chuàng)作者的身份：這個(gè)人選擇了構(gòu)建什么？如何構(gòu)建？
這種對(duì) HTML 不同應(yīng)用的迷戀，也出現(xiàn)在被稱為“freewrites”的物理社區(qū)聚會(huì)中，社區(qū)成員常聚在一起編寫代碼。
Sunday Sites 和 Fruitful School 是組織這些集會(huì)的網(wǎng)站之一，它們經(jīng)常將教育元素融入活動(dòng)中，以增強(qiáng)更多人加入該社區(qū)的能力。
與此同時(shí)，像 HTML 評(píng)論這樣的網(wǎng)站以文學(xué)雜志的形式展示了它的一些產(chǎn)品。
（來源：資料圖）
項(xiàng)目 1：多景劇場(chǎng)
吉·金（Ji Kim）的“多景劇場(chǎng)”拼貼了一部舊 iPhone 的多個(gè)片段。當(dāng)訪問者瀏覽網(wǎng)站時(shí)，圖像會(huì)重疊，并播放嵌入的音頻片段。
當(dāng)用戶點(diǎn)擊任何圖像時(shí)，都會(huì)出現(xiàn)一個(gè)關(guān)于拍攝時(shí)間和地點(diǎn)的小描述，以及更多額外的媒體內(nèi)容。
金的網(wǎng)站旨在模仿記憶的零散性和層次性。這是一種有意分散的數(shù)字體驗(yàn)，就像試圖回憶幾年前的一次家庭旅行一樣。
（來源：資料圖）
項(xiàng)目 2：有窗戶的房間
謝爾比·威爾遜（Shelby Wilson）的帶窗戶的房間，是一個(gè)只允許一種互動(dòng)的網(wǎng)站：打開和關(guān)閉一組窗簾。
該網(wǎng)站有意將物理空間和數(shù)字空間混合在一起。威爾遜將瀏覽器視為通往有物理邊界和邊緣的地方的門戶，但也保留了超現(xiàn)實(shí)主義元素（百葉窗關(guān)閉時(shí)房間不會(huì)變暗）和隨機(jī)元素（每次訪問時(shí)房間的顏色都會(huì)變化），以突出數(shù)字形式。
（來源：資料圖）
項(xiàng)目 3：HTML 花園
史賓賽·張（Spencer Chang）的網(wǎng)站設(shè)想了一個(gè)花園在互聯(lián)網(wǎng)上的樣子。
一些由原生 HTML 元素組成的“植物”在生長(zhǎng)，每次訪問你都會(huì)注意到時(shí)間的流逝：季節(jié)的變化、植物的發(fā)芽和開花。沒有明確的行為，你所需要做的只是觀察。
（來源：資料圖）
項(xiàng)目 4：散文劇
凱瑟琳·楊（Katherine Yang）的散文游戲是一首互動(dòng)詩(shī)，鼓勵(lì)用戶在預(yù)設(shè)的句子結(jié)構(gòu)中輸入不同的單詞。
該網(wǎng)站以單詞為變量，探索互聯(lián)網(wǎng)的互動(dòng)性。它把“作者之死”的文學(xué)理論，即“文本的意義不是由作者的本意決定的，而是由讀者的解釋決定的”放在了代碼的語境中。
（來源：資料圖）
項(xiàng)目 5：Erich Friedman
埃里希·弗里德曼（Erich Friedman）的網(wǎng)站是他生活的個(gè)人百科全書，里面有從電影評(píng)級(jí)到佛羅里達(dá)州中部迷你高爾夫球場(chǎng)評(píng)論的各種檔案。該網(wǎng)站分為數(shù)學(xué)類、益智類、個(gè)人類和專業(yè)類，結(jié)構(gòu)比較簡(jiǎn)單。
它使用基本的 HTML 來展示弗里德曼在過去十年中不拘一格的興趣，包括從 0 到 9999 的每個(gè)數(shù)字的有趣事實(shí)列表，以及數(shù)學(xué)和瑣事問題的集合。
該網(wǎng)站不需要任何特定操作。它只是對(duì)埃里希·弗里德曼的詳盡、坦率的描述，在龐大的互聯(lián)網(wǎng)中占據(jù)了一小部分。
（來源：資料圖）
項(xiàng)目 6：屏幕博物館
圖盧·圖穆（Toulou TouMou）的屏幕博物館，是一個(gè)存放由游戲愛好者創(chuàng)建的瀏覽器游戲的網(wǎng)站。為了與展示的游戲互動(dòng)，用戶必須在數(shù)字空間中導(dǎo)航，就像用 ASCII 圖形可視化的物理博物館一樣。
這個(gè)網(wǎng)站有實(shí)際的參觀時(shí)間，還會(huì)隨機(jī)選擇一個(gè)“休息日”。
圖穆的博物館是為了在 Flash 游戲時(shí)代給予業(yè)余開發(fā)者應(yīng)有的榮譽(yù)而創(chuàng)建的，旨在強(qiáng)調(diào)承認(rèn)作者身份和獨(dú)立游戲豐富歷史的重要性。
HTML 能量的網(wǎng)站沒有集中的來源，偶然發(fā)現(xiàn)讓他們覺得自己很特別，就像發(fā)現(xiàn)停車場(chǎng)的一幅街頭藝術(shù)作品一樣。它們不是為被發(fā)現(xiàn)而設(shè)計(jì)的，也不是為任何特定操作而優(yōu)化的。
他們只是按照訪客的條件與訪客互動(dòng)，描繪出創(chuàng)作者的風(fēng)格。如果像谷歌或臉書這樣的網(wǎng)站是你購(gòu)買必需品的超市和購(gòu)物中心，那么 HTML 能量的網(wǎng)站就像你偶然發(fā)現(xiàn)的隱藏花園，在任何地圖上都找不到。
支持：Ren
實(shí)體正文組成的Web頁(yè)面的內(nèi)容結(jié)構(gòu)很難被發(fā)現(xiàn)，也不會(huì)吸引眼球。為文檔添加顯示類型可以提供幫助用戶瀏覽內(nèi)容的日志。顯示類型可創(chuàng)建信息架構(gòu)并且添加引導(dǎo)瀏覽者閱讀材料的各種視覺效果。有效的顯示類型的關(guān)鍵是對(duì)版式強(qiáng)調(diào)的精確、髙效的應(yīng)用。深圳網(wǎng)站制作為您講解網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì)中通過哪些方式來強(qiáng)調(diào)信息。
好幾種歷史悠久的版式技巧都可以用來對(duì)文本塊進(jìn)行強(qiáng)調(diào)，伹是必須要分開應(yīng)用。如果你對(duì)所有的內(nèi)容加粗，那么將沒有任何內(nèi)容能脫穎而出，而且看起來像是對(duì)讀者很不恭敬。一個(gè)不錯(cuò)的應(yīng)用類型的經(jīng)驗(yàn)就是每次只使用一種參數(shù)來強(qiáng)調(diào)。如果你想將注意力集中到文檔的標(biāo)題，請(qǐng)不要同時(shí)對(duì)它設(shè)置大字號(hào)、加粗及全大寫形式。如果你想讓標(biāo)題變大，采用一種方式增加字號(hào)即可。如果你想加粗，讓標(biāo)題的字號(hào)與正文一致然后加粗即可。你很快就會(huì)發(fā)現(xiàn)，視覺對(duì)比只需一個(gè)小小的改變。
華專網(wǎng)絡(luò)：網(wǎng)站建設(shè)如何突出網(wǎng)頁(yè)文本信息
1. 斜體
斜體之所以吸引眼球是因?yàn)樗c正文的字形對(duì)比?；蛘邔⑿斌w用在正文中強(qiáng)調(diào)字與詞，抑或強(qiáng)調(diào)外文。做網(wǎng)站提醒大家不要將大段的文字設(shè)為斜體，因?yàn)樾斌w字的可讀性要遠(yuǎn)遠(yuǎn)低于同等大小的羅馬文字。
2. 加粗
粗體之所以能用來強(qiáng)調(diào)是因?yàn)樗c正文有粗細(xì)的區(qū)別。將小節(jié)子標(biāo)題設(shè)置為粗體的效果特別好。盡管大段地采用粗體，其對(duì)比性不好、效果也不佳，但是粗體是可通過屏幕閱讀的。
3.下劃線
下劃線是打字機(jī)時(shí)代用來代替諸如斜體和粗體這些無法表示的功能的替代表示方式。除了下劃線在美學(xué)上的不足外，它在Web文檔中還有一個(gè)特殊的功能含義，大多數(shù)瀏覽者都會(huì)將自己的瀏覽器首選項(xiàng)設(shè)置成下劃線鏈接。默認(rèn)瀏覽器設(shè)置可確保單色顯示器或者色盲能判斷文本塊中的哪些文字是鏈接。做網(wǎng)站提醒大家如果你在網(wǎng)頁(yè)中使用下劃線文字，肯定會(huì)跟超鏈接發(fā)生混淆。
4.色彩
盡管色彩也是一種用來區(qū)分文字的選擇，但是彩色文字與下劃線一樣，在Web文檔中還有一種特殊的功能含義。需要盡量避免對(duì)文本塊中的文字添加色彩，這是因?yàn)樽x者會(huì)誤以為著色的文字是超鏈接，并且會(huì)單擊它。不過，帶色彩的文本對(duì)小節(jié)標(biāo)題的區(qū)分效用有限。做網(wǎng)站提醒您選擇與頁(yè)面背景對(duì)比強(qiáng)烈的深色，并且不要使用與Web鏈接默認(rèn)的藍(lán)色和紫色相近的色彩。
SS(Cascading Style Sheets) ，層疊樣式表（級(jí)聯(lián)樣式表），用于設(shè)置HTML頁(yè)面中的文本內(nèi)容的字體、大小、對(duì)齊方式等，圖片的寬高、邊框樣式、邊距等以及頁(yè)面的布局排版等各種外觀顯示樣式。
CSS以HTML為基礎(chǔ)，可以針對(duì)不同的瀏覽器設(shè)置不同的樣式。CSS的出現(xiàn)可以說拯救了我們的頁(yè)面，讓HTML 專注去做結(jié)構(gòu)呈現(xiàn)， 而樣式全部交給 CSS來美化。
CSS樣式規(guī)則，具體格式如下：
CSS語法由兩部分組成：選擇器和聲明。 聲明包括：屬性和屬性值
選擇符 {屬性: 屬性值 ; 屬性:屬性值}
規(guī)則：
CSS放到什么位置呢？ 怎么讓它跟我們的HTML文件關(guān)聯(lián)起來呢？
內(nèi)聯(lián)樣式，又稱行內(nèi)樣式、行間樣式、內(nèi)嵌樣式。是通過標(biāo)簽的style屬性來設(shè)置元素的樣式。
<標(biāo)簽名 style="屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;"> 內(nèi)容 </標(biāo)簽名>
<h2 style="color:red;">
紅色標(biāo)題
</h2>
內(nèi)嵌式是將CSS代碼集中寫在HTML文檔的head頭部標(biāo)簽中，并且用style標(biāo)簽定義
當(dāng)我們頁(yè)面比較復(fù)雜，大量的內(nèi)部樣式，會(huì)導(dǎo)致頁(yè)面看上去不美觀，而且不利于維護(hù)。這時(shí)我們通常將所有的樣式放在一個(gè)或多個(gè)以 .CSS 為擴(kuò)展名的外部樣式表文件中，通過link標(biāo)簽將外部樣式表文件鏈接到HTML文檔中。
樣式表 | 特點(diǎn) | 使用 | 控制范圍 | 優(yōu)先級(jí) |
行內(nèi)樣式表 | 書寫方便，權(quán)重高 | 較少 | 控制單個(gè)標(biāo)簽（?。?/span> | 高 |
內(nèi)部樣式表 | 結(jié)構(gòu)和樣式部分分離 | 較多 | 控制一個(gè)頁(yè)面（中） | 與書寫的順序有關(guān)，后書寫的高 |
外部樣式表 | 結(jié)構(gòu)和樣式完全分離，需要引入 | 最多，推薦使用 | 控制整個(gè)網(wǎng)站（多） | 與書寫的順序有關(guān)，后書寫的高 |
網(wǎng)頁(yè)中的標(biāo)簽很多，為了更好的完成我們的網(wǎng)頁(yè)布局，我們需要在不同地方會(huì)放不同類型的標(biāo)簽。
根據(jù)標(biāo)簽在網(wǎng)頁(yè)中的顯示模式，可以將HTML標(biāo)簽一般分為塊級(jí)標(biāo)簽和行內(nèi)標(biāo)簽兩種類型，即塊元素和行內(nèi)元素。
鏈接里面不能再放鏈接！
通過設(shè)置display的值，改變?cè)氐娘@示模式。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
