HTML入門第一天

時間  2019-11-20
標籤 html 入門 第一天 欄目 HTML 简体版
原文   原文鏈接

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

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

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

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

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

五. 開發工具
編輯工具: notepad++
調試工具: chrome(谷歌)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>

 

實例說明:

  在上述代碼中,咱們能夠看到有全局架構標籤<html><head></head><body></body></html>,其中head標籤裏的meta標籤在這裏是代表字符編碼類型爲utf-8,而在body中marquee這個標籤是表示讓字符滾動,在<>中出現的direction這是他的屬性的表明的是字符滾動的方向,默認是從右向左滾動,這改爲了從左向右,而另外一個scrollamout則是他滾動的速度,loop是表明的循環的次數.在這裏說一下,一個標籤裏面的屬性並不是全要寫出來,用不到的或者只須要默認的屬性就能夠不寫出來,你們靈活應用.就好像這裏面的loop屬性,他若是不寫出來得話,字符就會一直滾動,就作成了一個簡單的滾動條.再日後看,發現了"雞年大吉,財源滾滾"這些字符,它們的位置在<marquee>與</marquee>之間,表明的是marquee是一個雙邊標籤,而他顯示字符是寫在開始符與結束符之間的!後面的就是<br />這個單邊標籤,它表明的意思是換行,回車.而後就是<!--marquee這個標籤是滾動-->  這一串代碼,你會發現它是綠色顯示的,代表他是註釋,不知道你們有沒有別的編程語言的基礎,在語句中註釋是用來解釋和說明的,不會參與代碼的運行,在html中<!--註釋的內容-->註釋是這種表示方式.接下來就是<font></font>,他是規定文本的字體、字體尺寸、字體顏色的.所以他有屬性color(字體顏色),size(字體尺寸),face(字體),用法在代碼中一目瞭然,我就不解釋了.這就是這一整串代碼的內容,很基礎,也很簡單,但願對準備接觸html的同窗有所幫助,有所裨益!

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程