小知識(shí):
1. C/S 和 B/S 架構(gòu)
C/S:客戶端和服務(wù)器架構(gòu)
float num = Math.random();
if (num < 0.001) {
System.exit(1);
} //0.5概率,閃退
float num = Math.random();
if (num < 0.005) {
sleep(100);
} //1% 概率,程序會(huì)卡頓0.1S
例如: 服務(wù)器版本更新,客戶端必須更新,才可以使用新的功能
B/S是瀏覽器和服務(wù)器架構(gòu)
不管是手機(jī),iOS Android PC window macOS Linux
只需要輸入網(wǎng)址,就可以訪問(wèn)
如果服務(wù)器版本更新,點(diǎn)擊刷新,就可以獲取到最新的內(nèi)容
相比較而言:
B/S架構(gòu)開(kāi)發(fā),維護(hù)的成本要遠(yuǎn)遠(yuǎn)低于C/S架構(gòu),B/S架構(gòu)是現(xiàn)在最流行的一種開(kāi)發(fā)方式
2. 開(kāi)發(fā)工具:
編輯器:Notepad++ HBuilder
測(cè)試工具:谷歌瀏覽器或者火狐瀏覽器
Safari 歐朋 世界之窗 IE Edge
HTML基本知識(shí)
1. 標(biāo)簽/屬性/元素
標(biāo)簽:
就是以<>包含的特定字符串,通常用開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽
雙邊標(biāo)簽:<標(biāo)簽名>內(nèi)容</標(biāo)簽名>
單邊標(biāo)簽:<標(biāo)簽名 />
屬性:
<標(biāo)簽名 屬性1="值1" 屬性2='值2' 屬性3=值3>內(nèi)容</標(biāo)簽名>
屬性都是【鍵值對(duì)】形式
iPhone8=5888
建議:
標(biāo)簽的屬性值要使用雙引號(hào)包含
元素:
一個(gè)完整的標(biāo)簽稱之為元素
2. 全局架構(gòu)標(biāo)簽:
<!DOCTYPE HTML>
<html>
<head>
<!--
這里是注釋
Head里面的內(nèi)容是不再頁(yè)面內(nèi)部展示的
-->
</head>
<body>
<!-- 所見(jiàn)即所得 -->
</body>
</html>
注意事項(xiàng):
1>. 所有的內(nèi)容,必須全部寫(xiě)在HTML標(biāo)簽內(nèi)
2>. head標(biāo)簽里面的內(nèi)容不會(huì)展示在頁(yè)面當(dāng)中
3>. 所有需要展示的內(nèi)容,都要放到body里面
3. 幾乎所有的標(biāo)簽都有的一些屬性(結(jié)合JS/CSS使用)
class name id style
4. 字符實(shí)體
空格 < < > >
字符實(shí)體是為了解決一些本身具有特殊含義的字符展示,例如" ' ?
www.w3school.com.cn
5. 常用的標(biāo)簽(文本修飾)
<h1>H1標(biāo)簽內(nèi)容</h1>
<h2>H2標(biāo)簽內(nèi)容</h2>
<h3>H3標(biāo)簽內(nèi)容</h3>
<h4>H4標(biāo)簽內(nèi)容</h4>
<h5>H5標(biāo)簽內(nèi)容</h5>
<h6>H6標(biāo)簽內(nèi)容</h6>
<b>加粗</b>
<strong>加粗</strong>
<i>斜體</i>
<em>斜體</em>
<cite>斜體</cite>
<b><i>加粗斜體</i></b>
<u>下劃線</u>
<del>刪除線</del>
<s>刪除線</s>
<!-- 上標(biāo)和下標(biāo) -->
X<sup>2</sup> y<sub>2</sub>
6. 格式控制
段落:<p></p>
換行:<br> <br />
水平線:<hr />
無(wú)序列表:
ul可以加上type屬性,屬性值:circle square none desc
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表:
ol可以添加type屬性,屬性值可以是A/a/I/1 還可以有start 從哪一個(gè)開(kāi)始
<ol>
<li></li>
<li></li>
<li></li>
</ol>
自定義列表:
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
7.超鏈接標(biāo)簽:<a></a>
href:目標(biāo)地址/mailto/tel
target:打開(kāi)頁(yè)面的方式,_blank 新建空白頁(yè),重新打開(kāi)
title:鼠標(biāo)懸停之后的提示
name:可以作為錨點(diǎn),跳轉(zhuǎn)
其他標(biāo)簽作為錨點(diǎn):可以用id屬性
8. 圖片<img />
src: 文件路徑
發(fā)現(xiàn)可以是一個(gè)網(wǎng)絡(luò)上的地址
width:寬度
height:高度
9. 網(wǎng)絡(luò)中的地址稱之為:
URL
統(tǒng)一資源定位符:
https://www.baidu.com/s?
wd=%E9%83%AD%E8%BE%BE%E6%96%AF%E5%9D%A6%E6%A3%AE
rsv_spt=1&
格式:協(xié)議://地址:端口/文件?鍵1=值1&鍵2=值2
例如: https://www.baidu.com:80/index.html?page=2&user=lxl
10. 多媒體標(biāo)簽:
audio
video
屬性: src controls autoplay loop
video多兩個(gè)屬性:
width height