HTML 5程序員之路：daily 01- 02
第一次做自己的每日分享
Internet在我的認(rèn)知中
Internet就是把無數(shù)個相對獨立的計算機(jī)和用戶端聯(lián)系起來，用另一種理解方式就像小山村通過發(fā)達(dá)的交通和外界進(jìn)行物資和信息的交流。
Internet提供的主要服務(wù)
Telnet/Email/WWW/BBS/FTP等
Telnet： 即遠(yuǎn)程登錄服務(wù)，它雖然方便且簡潔，但是它將用戶的所有內(nèi)容，包括用戶名和密碼都明文在互聯(lián)網(wǎng)上傳送，具有一定的安全隱患，許多服務(wù)器都會選擇禁用。
email：即電子郵件。
bbs：通過在計算機(jī)上運行服務(wù)軟件，允許用戶使用終端程序通過Internet來進(jìn)行連接，執(zhí)行下載數(shù)據(jù)或程序、上傳數(shù)據(jù)、閱讀新聞、與其它用戶交換消息等功能。
Ftp： 即文件傳輸協(xié)議，在FTP的使用當(dāng)中，用戶經(jīng)常遇到兩個概念："下載"（Download）和"上傳"（Upload）?？缮上螺d鏈接，就是我們常說的“種子”。-
基本實現(xiàn)技術(shù)
- 分組交互原理：信息在Internet上被分成許多小數(shù)據(jù)包進(jìn)行傳輸，到達(dá)目的地后將數(shù)據(jù)包重組為信息
TCP/IP協(xié)議簇 Tcp/Ip是TCP/IP協(xié)議簇中主要的兩個協(xié)議，還包括其他的許多協(xié)議。
Web與Internet
Web與Internet的關(guān)系
我的理解是web就是山村或城市，而inernet就像是交通網(wǎng)絡(luò)。網(wǎng)線就是其中無數(shù)的道路。
Web簡介
又稱做萬維網(wǎng)或環(huán)球網(wǎng)，即WWW(World Wide Web)
萬維網(wǎng)就是無數(shù)文檔的集合，這些文檔駐留在因特網(wǎng)的某個地方
Web是基于Internet的一個多媒體信息服務(wù)系統(tǒng)
基于瀏覽器/服務(wù)器模式
由Web服務(wù)器、瀏覽器(Browser)和通信協(xié)議三部分組成
通信協(xié)議采用的是HTTP協(xié)議，超文本傳輸協(xié)議(Hypertext Transfer Protocol)
什么是HTML
HTML(HyperText Markup Language)：超文本標(biāo)記語言，一種純文本類型的語言
Hypertext 指超文本，超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。用任何文本輸出工具都可以書寫超文本。
Markup 即為標(biāo)記
language 在這特指計算機(jī)語言
使用帶有尖括號的標(biāo)記將網(wǎng)頁中的內(nèi)容逐一標(biāo)識出來
標(biāo)記語言不僅僅是一種語言，就像許多語言一樣，它需要一個運行時環(huán)境，使其有用。提供運行時環(huán)境的元素稱為用戶代理。
用來設(shè)計網(wǎng)頁的標(biāo)記語言
用該語言編寫的文件，以.html或.htm為后綴
由瀏覽器解釋執(zhí)行
標(biāo)記語法
-
分為：封閉型標(biāo)記（也叫雙標(biāo)記）；必須要有頭和尾，頭表示標(biāo)記語法開始，尾表示語法的結(jié)束
-
和非封閉標(biāo)記（也叫單標(biāo)記或空標(biāo)記）不能包含內(nèi)容
元素嵌套
元素之間可以互相嵌套，形成更為復(fù)雜的語法
在嵌套元素時需要注意標(biāo)記的嵌套順序
文檔結(jié)構(gòu)
·<!doctype html>· 文檔類型聲明 在開始寫代碼要先聲明寫使用的哪種語法規(guī)則，因為機(jī)器識別是單一死板的。
<html> 表明文檔包含的元素，即文檔頭（head）和主體部分（body）。
<head>文檔頭，用于為頁面定義全局信息，title/meta/script/style/link等
<body>文檔主體部分，在這主要是網(wǎng)頁展示給讀者的信息，可以進(jìn)行插入圖片，超鏈接，視頻等資源信息
<b></b>加粗
<i></i>傾斜
<u></u>下劃線
<s></s>刪除線
<sup></sup>上標(biāo)
<sub></sub>下標(biāo)
附下兩段代碼，代碼都有注釋。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="冬天不愛洗頭">
<title>Document</title>
</head>
<!--
bgcolor:設(shè)置背景顏色
text：設(shè)置字體顏色 也可以用 style="color:..."改變字體顏色
back：設(shè)置背景圖片
URL：統(tǒng)一資源定位符，指出某一資源在網(wǎng)絡(luò)中的位置
../即回到上一級目錄
http://www.baidu.com/img/tu.png
http://協(xié)議名
www.baidu.com 域名
img：目錄
tu.png 具體的文件
絕對路徑：一個具體的位置，讓其文件都知道某個資源位置
相對路徑：文件相對于當(dāng)前位置的路徑
-->
<body bgcolor="gray" text="red" background="">
<h1>9.28</h1>
<!--img
必須要有src屬性
img的寬和高只寫一個，保證圖片不失真
../，找到當(dāng)前路徑的上一級目錄
-->
[站外圖片上傳中……(4)]<br/>
<!--a標(biāo)記
href：為了告知當(dāng)前標(biāo)記要跳轉(zhuǎn)的內(nèi)容
url/mail/zip文件/.jpg/.mp3/#test/#
target:_blank/_self
name:設(shè)置錨點
-->
<a href="mailto:594344517@qq.com?subject=我要請王老師吃飯&cc=18770811800@163.com" target="_blank">聯(lián)系我們</a>
<a target="_self">廣告合作</a>
<a href="資源.rar">相關(guān)下載</a>
<a href="123.jpg">高清大圖</a>
<a href="#test2">詩和遠(yuǎn)方 </a>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="test"
id="test2">山頂</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<a href="#">返回頂部</a>
<a></a>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="冬天不愛洗頭">
<title>Document</title>
</head>
<body>
<!--多個空格和制表符智慧顯示一個空格，回車不會產(chǎn)生換行效果-->
<!--轉(zhuǎn)義字符； 是空格 的轉(zhuǎn)義字符-->
<p>奧特曼 大戰(zhàn) 小怪獸</P>
<p>奧特曼大戰(zhàn)小怪獸</p>
<h1>HTML5 <day 1></h1>
<p>今天<b>天氣不錯</b>，<i>我</i>吃了<s>6.5</s>元的<u>早飯</u></p>
<!--sub:below
sup:up
-->
<p>z=x<sub>1</sub><sup>2</sup>+x<sub>2</sub><sup>3</sup></p>
<!--標(biāo)題標(biāo)記只有六級-->
<h1>Test</h1>
<h2>Test</h2>
<h3>Test</h3>
<h4>Test</h4>
<h5>Test</h5>
<h6>Test</h6>
<!--title對某一個標(biāo)記進(jìn)行描述-->
<p align="center" id="" title="title標(biāo)記">123456789</p>
<!--寬度有兩種表達(dá)方式
1.絕對的；有固定長度，例如100px
相對的：通過百分比來確定，例如50%
-->
<hr size="10" color="black" width="50%" align="left"/>
<!--
<br/>是換行標(biāo)記，是一個單標(biāo)記
nobr是不允許換行，雙標(biāo)記-->
<p><nobr>今天在瘋狂學(xué)東西，很是不錯。解放路倒薩封疆大吏撒嬌反對聲浪飛機(jī)拉的發(fā)生的看法哈的發(fā)生sad房價ask薩 防守打法</nobr> </p>
<div>今天天氣不錯一</div>
<div>今天天氣不錯二</div>
<h1>HTML 5 <span style="color:red;" ><Day 1 ></span></h1>
<pre>
生活不止
眼前的茍且，
還有詩和遠(yuǎn)方。</pre>
</body>
</html>
