HTML入門第一天 -开发者知识库

HTML入門第一天 -开发者知识库,第1张

一. C/S架構和B/S架構

C/S: client/server 客戶端服務器架構
B/S: browser/server 瀏覽器服務器架構
優勢:
C/S: 1.需要下載,安裝 2.服務器和客戶端都需要更新 3.開發維護成本高
B/S: 1.不需要下載,安裝 2.只需要更新服務器 3.開發維護成本低

二. 瀏覽器訪問服務器的方式

協議://域名(:端口號)/文件
http://www.163.com/index.html
三. 網頁的組成
html css javascript

四. html
Hypertext Markup Language 稱之為超文本標記語言,又叫超文本標簽語言
作用:不需用編譯,通過瀏覽器執行
文件后綴: .html或者.htm (建議大家使用第一種)
修改文件后綴:
組織---->文件夾搜索選項------>查看---->隱藏已知文件的擴展名去掉前邊對勾(這樣才能在生成html文件時不會誤生成text文件)

五. 開發工具
編輯工具: notepad
調試工具: chrome(谷歌)

六. 標簽
標簽: 以<>包含的特定的字符串, 通常有開始標簽和結束標簽
雙邊標簽(比翼雙飛): <標簽名>內容</標簽名>
單邊標簽(單身狗): <標簽名 />
屬性: 對標簽進行一定的修飾.
<標簽名 屬性名1="值1" 屬性名2='值2' 屬性名3=值3>內容</標簽名>
建議大家對屬性值使用""引起來
元素: 一個完整的標簽就是一個元素

七. 指定字符集:
<meta charset="utf-8"/>
設置字符集步驟:
1.文件保存的編碼格式
選項---->轉為utf-8無bom格式
2.瀏覽器執行文件的編碼格式
<meta charset="utf-8"/>
八. 全局架構標簽
<html>
<head></head>
<body></body>
</html>
注意:
1.所有的內容必須寫到html標簽中
2.head標簽中的內容不在瀏覽器中顯示
3.body里邊的內容顯示瀏覽器中

九. 幾乎每個標簽都要有的屬性(結合css/js)
class name id style

十. 字符實體 (&nbsp;空格)
http://w3school.com.cn/tags/html_ref_entities.html(可以在這個網站查看所有的字符實體)
十一. 常用標簽(文本修飾)
標題: h1-h6 h1最大 h6最小
加粗: <b></b> <strong></strong>
斜線: <i></i><cite></cite><em></em>
下划線: <u></u>
刪除線: <s></s>
上標: <sup></sup>
下標: <sub></sub>
字體: <font></font>(size/color/face)
滾動: <marquee></marquee>(direction/scrollamount/loop)
十二. 常用標簽(格式控制)
段落: <p></p>
換行: <br />
不換行: <nobr></nobr>
水平線: <hr />(單標簽)
原型輸出: <pre></pre>
無序列表: <ul></ul><li></li>(type:circle/square/desc)
有序列表: <ol></ol><li><li>(type:a/A/i/I start )
自定義列表: <dl></dl><dt></dt><dd></dd>



總結: 1.容錯性強
        2.不區分大小寫(強制使用小寫)
    3.可以嵌套

<html>
    <head>
      <meta charset="utf-8"/>
    </head>
    <body>
      <marquee direction="right" scrollamount='100' loop=1>雞年大吉,財源滾滾</marquee><br /><!--marquee這個標簽是滾動-->   
    <
font color="blue" size="30" face="微軟雅黑">這是一個段修飾的文本</font>   
   </body>
</html>

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复