客戶端網絡編程1

時間 2019-11-13

標籤客戶端網絡編程欄目系統網絡简体版

原文原文鏈接

HTML、CSS、JavaScript三者關係：
HTML:-結構（是什麼）
CSS:-表現（什麼樣子）
JavaScript:-行爲（作什麼）css

DOCTYPE 解析
三種解析模式：
1.IE.6.7準標準模式
2.標準模式
3.混雜模式（非標準）html

meta charset="UTF-8"必定要有，否則會出現亂碼網絡

HTML基本語法：
<p>開始標籤 </p>結束標籤
開始標籤和結束標籤是成對出現的，有一些只有一個 /
簡寫方法，div 加tab鍵聯想post

全部的代碼儘可能不要刪除，能夠註釋掉字體

全部標籤和元素必須小寫，全部屬性「擴起來，裏面嵌套使用」優化

空格 &nbsp 、換行<br>、<b>加粗</b>、<em>斜體</em>、<strong>加粗</strong>
必須使用特殊字符&nbsp搜索引擎

設置字體大小顏色
style="font-size:150%;color: red"spa

盒模型：
margin：外邊距，邊框外，做用：幾個盒子間的間距有正負值
border：邊框
padding：內邊距，沒有負值
content：內容orm

定義預格式文本。
<pre>
5
+6
------
11
</pre>htm

將文本一行列出，得不到想要的格式
<div>
5
+6
------
11
</div>

跳轉頁面
<a href="Title1.html">我能夠跳轉哦</a>

錨點（回到頂部）
1.建立錨點：頁面頂部
<a href=""name="aaa">建立錨點</a>
2.回到錨點：點擊實現
<a href="#aaa">
<img src="home.JPG" width="50" height="50" alt="">
</a>

定義文檔中的行內的小塊或區域。
<span>some text.</span>

選擇字體顏色
style="color: red;"

設置背景圖片
<body background="home.JPG">

插入圖片，並能夠改變圖片大小
<img src="home.JPG" width="50" height="50" alt="home">

表格:
表格由 <table> 標籤來定義。每一個表格均有若干行（由 <tr> 標籤訂義），
每行被分割爲若干單元格（由 <td> 標籤訂義）。字母 td 指表格數據
（table data），即數據單元格的內容。數據單元格能夠包含文本、圖片、
列表、段落、表單、水平線、表格等等。

rowspen = "2" 行合併，合併二三行
colspen = "2" 列合併，合併一行中連續列
cellspacing="20" 外邊框間距
cellpadding="10" 內邊框間距
align="center" 設置表格位置

form表單：
<form >
<p><input type = "" id = "" size = "" maxlength = "" /></p>
</form>
或者
<form action="#" method = "get或者post"> get（顯示速度快，保密性低）
用戶名：<input type = "text"> post（不顯示在地址上，保密性高）
密碼:<input type = "password" placeholder = "請輸入密碼">
<input type = "button" value = "登陸">
<input type = "submit"> action（處理信息的地址）

class：經常使用於HTML、CSS
name：用於後臺操做
id：經常使用於JS 惟一，不能重複

按鈕
button

文本域
<textarea name="" id="" cols="30" rows="10">文本域</textarea>

單選
label和input配合使用 for裏邊寫id

label和input配合使用 for裏邊寫id
<div>
<input type="radio" id="man" name="sex">
<label for="man">男</label>
<input type="radio" id="nv" name="sex">
<label for="nv">女</label>
</div>

多選
<div>
<input type="checkbox">"多選"
</div>

下拉框
<select>
<option value="sichuan" selected="selected">川菜</option>
<option value="guangdong">粵菜</option>
<option value="beifang">北方菜</option>
</select>

標題框
<div>
<fieldset>
<legend>標題</legend>
<p>男<input name ="sex " type ="radio" ></p>
<p>女<input name ="sex " type ="radio" ></p>
</fieldset>
</div>

塊級元素和行內元素

<span style="width: 100px;height: 100px;border: 1px solid red;font-size: 100px">我是格一個span</span>
<strong>我是一個srtong</strong>

<div style="width: 500px;height: 500px;border: 1px solid red">我是一個盒子</div>
<img src="京東LOGO.png" alt="">f
<input type="text">用戶名

語意化標題、段落、head、foot等都是語意化在沒有css下，能夠呈現良好的內容結構和代碼結構優化搜索引擎的搜索，便於網絡爬蟲更多的獲取優先資源具備可讀性，便宜開發和維護遵循w3c的標準，減小差別化

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。