天開始小編將會給大家講解HTML的入門知識以及做項目會遇到的某些問題以及如何解決此類問題的方法。說道網頁設計,HTML是我們必不可少的一部分。基礎網頁的構成,無論怎么變幻,都是由原聲的HTML代碼組成構成網頁。
下面我就根據工作中所用和看過的書籍一點一點總結下我們常用的HTML格式和代碼。
一、什么是HTML。
HTM不是一段編程語言,而是一款標記語言,本身不能顯示在瀏覽器中。經過瀏覽器的編釋和編譯,才能正確反映HTML標記語言的內容。HTML從1.0到5.0經歷了巨大的變化,從單一的文本顯示功能到多功能互動,已經成為了一款非常成熟的標記語言。
二、HTML文件的基本結構
<!doctype html>
<html>文件開始標記
<head>文件頭開始的標記
<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
<title>XX系統</title>
</head>文件頭結束
<body>文件主題的內容
</body>文件主題的結束
</html>文件結束的標記
這里主要說明title和meta(元信息)
<!--說明文件頭-->
<title>XX網站</title>
<!--添加作者信息-->
<meta name="author" content="_永不言棄" >
<!--設置網頁文字及語言 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
<!--設置網頁定時(20秒后)跳轉-->
<meta http-equiv="refresh" content="20;url=index.html">
三、HTML主要常用標簽
3.1標題
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
3.2 標題字對齊屬性align
默認情況下,標題文字是左對齊的。在網頁制作過程中,常常需要選擇對其他的方式,這時我們就需要用到align屬性。
3.3 段落標記p
段落標記是文檔中最常見的標記,<p>用來起始的一個段落。
3.3 換行標記
換行標記<br>作用是在不另起一段的情況下將當前文本強制換行。
3.4 不換行標記nobr
<nobor>表示的是不換行的標記</nobor>
3.5 水平線
<hr/>
四、建立超鏈接
與自身網站頁面有關的連接被稱為內部連接
4.1絕對路徑
絕對路徑是包括服務器規范在內的完全路徑。絕對路徑不管源文件在什么位置都可以非常精確地找到,除非是目標文檔的位置發生變化,否則連接不會失效。
4.2相對路徑
為了避免絕對路徑的缺陷,對于在同一站點之中的連接來說,使用相對路徑是一個很好的方法。
4.3 內部連接
<a href="# target="目標窗口的打開方式 " >
屬性值
含義
-self在當前頁面中打開連接
-blank在一個全新的空白窗口中打開連接
-top在頂層框架中打開連接,也可以理解為在根框架中打開連接
-parent在當前框架的上一層里打開連接
4.4 錨點連接
錨點到本頁面中的位置
<a href="#1" >商品名稱</a>
<a href="#2" >產品特點</a>
<a href="#3" >產品規格</a>
<a neme="1">XX商品</a>
<a neme="2">XX產品特點</a>
<a neme="3">XX規格</a>
錨點到其他頁面的位置
<a href="index.html#1"></a>對應連接到index.html中name=1的位置
4.5 連接到外部網站
在設置友情鏈接時,需要打開HTTP協議進行外部連接訪問。
<a href="wwww.baidu.com" >百度</a>
4.6 連接到E-mail
<a href="mailto:郵件地址">。。。</a>
4.7 連接到FTP
FTP代表文件傳輸協議,一個FTP站點通常包含一些上傳和下載文件的文件目錄。
大部分FTP網站需要使用用戶名和密碼來登錄。
當然還有其他的一些連接方式,例如文件下載,連接到Telnet等。這些都會可以用a標簽實現。
HTML基礎就先講到這里,后面退出DIV設計網頁格式已經網頁分框的實現。
信推出小程序后,html5越來越火熱了,未來H5方向的專業人才必定水漲船高。
我整理了一些關于html的書籍
響應式Web設計:HTML5和CSS3實戰
BenFrain (作者), 王永強 (譯者)
推薦指數:★★★★
簡介:全書主要是帶領讀者做一個小網頁來寫的,其實響應式的東西講得比較少,大半內容是介紹H5和css3的基礎知識。如果同時想了解H5和css3和響應式設計入門,這本書不錯。
HTML5移動Web開發實戰詳解
林瓏 (作者)
推薦指數:★★★★☆
簡介:本書由淺入深,全面、系統、詳盡地介紹了HTML5相關技術和其在移動開發領域的應用。書中提供了大量的代碼示例,讀者可以通過這些例子理解知識點,也可以直接在開發實戰中稍加修改應用這些代碼。《HTML5移動Web開發實戰詳解》涉及面廣,從基本原理到實戰,再到項目工作流,幾乎涉及一個合格的前端開發工程師需要具備的所有重要知識。
瘋狂HTML 5/CSS3/JavaScript講義
李剛 (作者)
推薦指數:★★★★
簡介:這是一本全面介紹HTML 5、CSS 3和JavaScript前端開發技術的圖書,系統地介紹了HTML 5常用的元素和屬性、HTML5的表單元素和屬性、HTML 5的繪圖支持、HTML5的多媒體支持、CSS 3的功能和用法、最前沿的變形與動畫功能等。除此之外,《瘋狂HTML 5/CSS 3/JavaScript講義》還系統地介紹了JavaScript編程知識,包括JavaScript基本語法、DOM編程,以及HTML 5新增的本地存儲、離線應用、JavaScript多線程、客戶端通信支持、WebSocket編程等。
HTML5觸摸界面設計與開發
伍茲 (StephenWoods) (作者), 覃介右 谷岳 (譯者)
推薦指數:★★★★☆
簡介:《HTML5觸摸界面設計與開發》專注于觸摸界面的開發,內容的結構和優化網站的思路大概一致。上半部分涵蓋了能使各類網站,特別是移動網站變快的基本概念。書的后半部分是專門講觸摸界面的,特別是盡可能地讓它們更平穩和快速。本書適合具有一定經驗的Web開發者閱讀參考。
HTML5與CSS3權威指南(上下冊)(第3版)
陸凌牛(作者)
推薦指數:★★★★☆
簡介:本書分為上下兩冊。上冊全面系統地講解了HTML5相關的技術,以HTML5對現有Web應用產生的變革開篇;下冊全面系統地講解了CSS3相關的技術,以CSS3的功能和模塊結構開篇,順序講解了各種選擇器及其使用、文字與字體的相關樣式、盒相關樣式、背景與邊框相關樣式、布局相關樣式、變形處理、動畫、顏色相關樣式等內容。
HTML5+CSS3+jQuery Mobile輕松構造APP與移動網站
陳婉凌 著
推薦指數:★★★★☆
簡介:這是目前唯一一本真正的HTML5 App開發教材,目前已在復旦、北大、西安交大、北京理工等五十多所高校投入教學使用。它的特點是由淺入深、由易到難,將開發技巧、和開發工具結合在一起闡述,同時選取了多個商業項目APP的實戰案例進行要點講解,通俗易懂。
和上面推薦的幾本書不同之處在于,本書是面向應用型本科和高等職業院校設計的標準化教材,并經過官方權威認證,且該教材能與國家及國際權威認證考試無縫對接。
html和css都是web前端的基礎,在這里,就給大家推薦幾個新手小白必去的網站!
1、w3school
http://www.w3school.com.cn
用來查找一些標簽的屬性,每一個剛學習前端的伙伴,都會用到這個網站.
2.csdn
CSDN上可以獲得一些不錯的資訊,也可以找到很多需要的資料,也是一個交流的平臺,有些不懂得問題也可以找到人去解答.
3.開源中國
獲取到許多項目案例的源碼,獲得最新web前端發展的一些動向,資訊.
多年開發老碼農福利贈送:網頁制作,網站開發,web前端開發,從最零基礎開始的的HTML+CSS+JavaScript。jQuery,Vue、React、Ajax,node,angular框架等到移動端小程序項目實戰【視頻+工具+電子書+系統路線圖】都有整理,需要的伙伴可以私信我,發送“前端”等3秒后就可以獲取領取地址,送給每一位對編程感興趣的小伙伴
為你強力推薦經典css書籍
1.精通CSS:高級Web標準解決方案(第2版)(Amazon第一CSS暢銷書全新改版)
本書將最有用的css書籍技術匯總在一起,還總結了css設計中的最佳實踐,討論了解決各種實際問題的技術,填補了一直以來css圖書的空白。
2.精通CSS+DIV 網頁樣式與布局
本書系統地講解了css層疊樣式表的基礎理論和實際運用技術,通過大量實例對css進行深入淺出的分析,主要包括css的基本語法和概念,設置文字、圖片、背景、表格、表單和菜單等網頁元素的方法,以及css濾鏡的使用。
3. CSS權威指南(第三版)
最新版《css權威指南》css書籍經過全面更新,涵蓋了internet explorer 7,詳細介紹了各個css屬性以及屬性之間的相互作用,并指導你如何避免一些常見的錯誤。
希望對你有幫助,下一個優秀的前端工程師就是你!
天我們公司的實習生同學在問,程序員的必讀書目應該有哪些,我給他說了一部分,然后問了一下公司各個部門的大佬,發現書目其實都挺相似。
這里放一些我們都覺得比較有意思同時不乏內容的書吧,如果大家還想看更多類似內容,那就動動小手點點贊哦~
直接上干貨:
(以下內容均為各個領域多年的從業者推薦,適合學習的不同階段,建議大家收藏起來哦)
0.《啊哈!算法》-一本充滿趣味的算法入門。
和別的算法書比較,如果硬要說它有什么特點的話,那就是看懂它的門檻相當低。
這是一本充滿智慧和趣味的算法入門書。沒有枯燥的描述,沒有難懂的公式,一切以實際應用為出發點,通過幽默的語言配以可愛的插圖來講解算法。
之前過年回家走親戚,了解到才上五年級的小侄子對編程有興趣,當時送了他一摞書,這本就是之一。
1.《
大話數據結構
》-一本非常適合自學的讀物。
通篇以一種趣味方式來敘述,大量引用了各種各樣的生活知識來類比,并充分運用圖形語言來體現抽象內容,對數據結構所涉及到的一些經典算法做到逐行分析、多算法比較。
與市場上的同類數據結構圖書相比,本書內容趣味易讀,算法講解細致深刻,是一本非常適合自學的讀物。
0.《鳥哥的Linux私房菜》-穩居Linux經典書籍第一位。
本書內容豐富全面,基本概念的講解非常細致,深入淺出。各種功能和命令的介紹,都配以大量的實例操作和詳盡的解析。本書是初學者學習Linux不可多得的一本入門好書。
1.《深入理解Linux內核》-非常值得深讀的一本書,能夠幫你充分利用Linux系統。
書中討論了Intel特有的重要性質。相關的代碼片段被逐行剖析。然而,本書涵蓋的不僅僅是代碼的功能,它解釋了Linux以自己的方式工作的理論基礎。
2.《庖丁解牛Linux內核分析》
0.《Head First HTML 與CSS、XHTML》-強烈推薦,非常適合小白入門。
這本書展示了學習創建符合工業標準的Web頁面的完整歷程——然而,除了閱讀,你還會玩游戲、拼圖、解謎題以及以你從未想象過的方式創建Web頁面。
并且,你還將學習HTML如何與CSS一起工作。
1.《JAVA Script DOM編程藝術》-前端開發的核心。
2.《CSS權威指南》-由淺入深全面介紹了CSS。
0.《計算機網絡》-詳細的介紹了計算機網絡通信的主要原理。
本書是全球最具有權威性和經典性的計算機網絡教材,我國各大專院校也廣泛采用此書作為計算機網絡課程的基本教材。
哈哈,這個大家應該熟悉吧
1.《TCP/IP詳解卷一:協議》-次書講明白了網絡之術。
2.《計算機網絡與因特網》-計算機網絡和因特網是如何工作的。
3.《自頂向下》-計算機網絡的神書。
0.《深入理解計算機系統》-以程序員的視角看體系結構,很詳細透徹。
1.《計算機體系結構》-系統性非常強,結構清晰。
2.《計算機體系結構》-詳細地介紹了計算機各個部分的體系。
3.《計算機組成原理》
0.《軟件測試(第2版)》-入行必備書籍,講解的都是實用技巧。
1.《軟件測試的藝術》-據說是硅谷測試人員的必備書,其測試思想非常值得一看。
本書以一次自評價測試開篇,從軟件測試的心理學和經濟學入手,探討了代碼檢查、走查與評審、測試用例的設計、模塊(單元)測試、系統測試、調試等主題,以及極限測試、互聯網應用測試等高級主題,全面展現了作者的軟件測試思想。
我們是程序員客棧,為企業提供BAT級別的開發者,標準化的服務和交付,包括但不限于網站建設制作、測試運維服務、人工智能AI。為互聯網從業者提供兼職眾包機會,包括但不限于前后端開發、產品經理、設計師、移動端開發。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。