HTML:小總結

時間 2019-11-13

標籤 html 總結欄目 HTML 简体版

原文原文鏈接

1. 客戶端（前端）/服務端（後端）

客戶端/前端：(html(內容)+css(樣式)+javascript(交互));
服務端/後端：Java(管理系統),php(淘寶)，Nodejs（語法是js）
Nodejs：運行在服務端，根本語法是JS，能夠讓js運行在服務端；
js能夠開發桌面程序，小程序，頁面等等
後端是通常是管理數據，爲前端客戶端提供數據傳輸的。

2.瀏覽器內核

瀏覽器的不一樣是因爲引擎不一樣（內核不一樣）；瀏覽器內核：javascript

Internet Explorer--->Trident
Mozilla Firefox-->Gecko
Opera==>Presto
Safari/Google Chrome-->Webkit

3.數據庫

關係型數據庫：mysql，sqlServer,Oracle
非關係型數據庫（若是是小型簡單數據庫，效率更高）：MongoDB

4.html中head標籤部分

標題：<title>
文檔類型：<!doctype html>
註釋：
字符集：<meta charset=」utf-8」> ；gbk/gb2312
網站描述(給搜索引擎顯示,方便介紹)：
<meta name=」description」 content=」對網站進行描述」>php
<meta name=「keywords」content=」網站的主要內容」>
Head標籤的內容通常是給瀏覽器和搜索引擎看的
亂碼的緣由：meta標籤的charset未設置或者文件的編碼格式不對
SEO：搜索引擎優化
(<meta nane=」description」 content=」」>
<meta name=」keywords」 content=」」>)

5.小圖標

網站標題加小圖標：圖標必須是以ico結尾的文件（能夠在線轉換）
而且圖標的名字統一爲favicon.ico
<link rel=」shortcut icon」 href=」圖標位置」>css

6.body內的標籤

標題：<h1>....<h6> 獨立佔一行html
連接(錨點):能夠在同一個頁面跳轉/跳轉到不一樣的頁面前端
跳轉到不一樣的頁面<a href=」其它頁面的網址」>java
同一個頁面跳轉<a href=」#id」（跳轉位置的標籤的id）>mysql
<a href=」」 target=」_black」（在新窗口打開）></a>sql
a的僞類：link visited hover active (l:v:h:t)數據庫
列表：（有序列表ol）<ol> <li> </li> </ol>小程序
無序列表（ul）<ul><li></li></ul>
列表的li圖標樣式：List—style:disc，square,circle , url();
圖片<img src=」」(絕對路徑，和相對路徑/{相對於當前的文件}) alt=」」(當加載圖片失敗時，的提示) title=」」(當鼠標放在圖片上時，對圖片進行說明)>
圖像能夠設置寬和高，若是隻設置其中一個屬性，則會等比例放大；（行內塊級元素）
表格：（應用：真的表格）

<table> <tr> <td> </td> </tr> </table>

td，th屬性：rowspan跨行/colspan跨列
<p>段落標籤，p標籤之間會有邊距。<span>標籤不能嵌套<div>，無心義

7.塊級元素和行內元素

塊級元素本身佔一行，默認有寬度，沒有高度寬度若是不設置,則充滿父級元素，高度不設置，則是由子元素撐開的

<div>
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、
<hr>
<ol>、<ul>、<li>、
<p>、
<table>、<th>，<td>、<tr>
<tbody>、<tfoot>、<thead>

行內元素inline：

行級元素和行級元素在一行
不支持寬和高，是由內容撐開；支持padding和左右margin;不支持margin上下；

<span>
<a>
<b>
<br>
<i>
<label>
<select>
<strong>
<sub>
<sup>
<textarea>

行級元素轉換爲塊級元素display:block(塊級元素)；inline(行內元素)；none; inline-block(行內塊級元素，又能設置寬和高，又能在一行顯示);

8.URL 統一資源定位符

scheme://host.domain:port/path/filename
scheme - 定義因特網服務的類型。最多見的類型是 http
host - 定義域主機（http 的默認主機是 www）
domain - 定義因特網域名，好比 w3school.com.cn
:port - 定義主機上的端口號（http 的默認端口號是 80）
path - 定義服務器上的路徑（若是省略，則文檔必須位於網站的根目錄中）。
filename - 定義文檔/資源的名稱
Scheme
- http 超文本傳輸協議以 http:// 開頭的普通網頁。不加密。
- https 安全超文本傳輸協議安全網頁。加密全部信息交換。
- ftp 文件傳輸協議用於將文件下載或上傳至網站。
- file 您計算機上的文件

9.html中嵌入CSS的方法

內聯樣式:在標籤中寫屬性style=「」；
內部樣式在<head>標籤中寫入<style type=」text/css」></style>
引入外部樣式：<link type=」type/css」 href=」.css」 rel=」stylesheet」

10.小知識點

ul自帶左內邊距padding
目錄：./當前的目錄;../上一級目錄
<p>標籤默認有16px的上下邊距
a的僞類：link visited hover active (l:v:h:t)
在div行級元素中，對於字母之間若是沒有空格，則元素不會自動換行；而中文會自動換行

相關文章

相關標籤/搜索

每日一句

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

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<