初學HTML福音

weixin_33727510發表於2018-07-02
HTML

一、HTML基礎

（1） HTML：超文字編輯語言hyper text markup language（編寫網頁）

文字：用來描述資料，特別單調，只能輸文字，不能變彩色，不能插入圖片。

超文字：豐富多彩的的展示檔案

（2）www 【w（world）w（wide）w（web）全球資訊網，因特網】

含義：建立在Internet上面的，全球的，互動的，多平臺的，分散式的資訊資源網路

多平臺的：作業系統 【window linux(Android) unix(iOS)】

互動的：閱讀、發表【CSDN】

分散式的：有多臺伺服器為網路進行服務。

（3）全球資訊網的組成

URL 【Uniform Resource Locator（統一資源定位符）網站】

HTTP【hypertext transfer protocal超文字傳輸語言】

（4）W3C 【HTML的標準制定者和維護者】

**二、標籤：【以尖括號開始<，以尖括號結束>，尖括號之間描述資訊，就叫標籤】 **

列子：<人> 對 <ha ha>錯 <haha>對

分類：開始標籤<dgs> 結束標籤</dgs>

三、HTML文件結構

人=頭（head）+身體（body>

<html><人>

<head><頭>

</head></頭>

<body><身體>

</body></身體>

</html></人>

四、記事本開發網頁步驟

（1）新建檔案.txt

（2）更改字尾【.hmtl】或【.htm】------[選中檔案，點選f2--快捷方式]

（3）字尾名作用：告訴Windows系統，用什麼樣的程式開啟檔案。

（4）原始碼：記事本開啟 執行結果：網頁開啟

五、HTML注意事項

（1）標籤成對出現。

（2）標籤具有巢狀型

（3）排版問題：子標籤的父標籤之間應該有8個空格：一個tab鍵

<html>
<head>
資訊學院
</head>
<body>
計算機專業你好
<h1>
歡迎來到齊魯工業大學
</h1>
</body>
</html>

（4）html不區分大小寫，最好全部用小寫

（5）標籤有屬性

<h1 align="center">齊魯工業大學</h1>

tips:注意事項

a：h1 align 中間要有空格

b：屬性名：align 屬性列：center 屬性列要加"",之間要加 =

（6）註釋

（7）換行和空格不管用【如何換行<br /> 】

六、網頁的基本標籤

（1）頭部標籤：<tittle> </tittle>

（2）text 設定文字顏色 <body text="yellow">[或者使用顏色程式碼]：使用#和十六進位制資料組成

（3）【背景顏色】：bgcolor 【背景圖片】：<body background="圖片名">

（4）文字標記：<font color="red" size="7">hello world<font/>

（5）<p>hfbasbhgdshbf\sh</p> p標籤前後自動換行 且有align 三個屬性【left center right】

（6）標題<h1> </h1>-------可以一直到6，並且自動換行<h6></h6> 也有align屬性【left center right】

（7）空格：  版權符號 ©

（8）文字修飾標記：加粗<b> </b> 加斜體<i></i> 加下劃線<u></u> 刪除線 <s></s>

（9）支援的圖片：常用.jpg .gif .png

（10）如何引入圖片 單個標籤<img src=" " width=" " high=" "/>

（11）超級連結【從一個網路跳到另外一個網頁】：<a> </a> 【非常重要的屬性 href 要連結到的地址】

例如：<a href="http://www.baidu.com">連線到百度</a>

相關文章