溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“HTML網頁制作基礎是什么”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“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>
IT教育學院
</head>
<body>
計算機專業你好
<h2>
歡迎來到九云IT教育學院
</h2>
</body>
</html>
（4）html不區分大小寫，最好全部用小寫
（5）標簽有屬性
<h2 align="center">九云IT教育</h2>
tips:注意事項
a：h2 align 中間要有空格
b：屬性名：align 屬性列：center 屬性列要加"",之間要加 =
（6）注釋 <!--2018-4-21-->
（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>hfbasbhgdshbfsh</p> p標簽前后自動換行 且有align 三個屬性【left center right】
（6）標題<h2> </h2>-------可以一直到6，并且自動換行<h7></h7> 也有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 要鏈接到的地址】
以上是“HTML網頁制作基礎是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
