html的基礎(chǔ)知識-創(chuàng)新互聯(lián)

本人對前端所知甚少，遂把基礎(chǔ)知識筆記記錄于下，方面以后學(xué)習(xí)翻看。有點凌亂。
html中的標(biāo)簽是前端的基礎(chǔ)。html是一種超文本標(biāo)記語言。里面有很多的簡單標(biāo)簽。整體結(jié)構(gòu)如下：
<html>
<head> ----幫助瀏覽器去解析
<meta />
<title>
</title>
</head>
<body>

成都創(chuàng)新互聯(lián)公司于2013年開始，先為建安等服務(wù)建站，建安等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為建安企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

</body>

</html> -----根標(biāo)簽

說明：html根標(biāo)簽，一個頁面有且只有一個根標(biāo)簽
head標(biāo)簽中的內(nèi)容不會被顯示，幫助瀏覽器解析
title：網(wǎng)頁的標(biāo)題標(biāo)簽，默認會顯示在網(wǎng)頁的標(biāo)題欄上，搜索引擎
在檢索頁面時，會首先檢索title標(biāo)簽中的內(nèi)容，它會影響到網(wǎng)頁在搜索引擎的排名

1.標(biāo)簽的屬性：
處理標(biāo)簽的內(nèi)容，在開始標(biāo)簽里添加，實質(zhì)上是一個名值對
屬性名=“屬性值” 一個標(biāo)簽可以有多個屬性，并且每個屬性用空格隔開
<font color="red" size="7">我的</font>

2.h6的文檔聲明寫在網(wǎng)頁的最上邊。<! doctype html>
3.網(wǎng)頁出現(xiàn)亂碼的解決辦法：
<meta charset="utf-8" />---設(shè)置網(wǎng)頁的元數(shù)據(jù)，比如網(wǎng)頁字符集
--自結(jié)束標(biāo)簽

4.內(nèi)容標(biāo)題標(biāo)簽 ---語義化標(biāo)簽
<h2>一級標(biāo)題</h2>
<h3>一級標(biāo)題</h3>
<h4>一級標(biāo)題</h4>
<h5>一級標(biāo)題</h5>
<h6>一級標(biāo)題</h6>
<h7>一級標(biāo)題</h7>

5.<p></p>
p標(biāo)簽中的文字，默認會獨占一行，段與段之間有間距
在html中，字符之間再多的空格，瀏覽器也會當(dāng)做一個空格，換行也會當(dāng)做一個
<br />表示一個換行，br標(biāo)簽是自結(jié)束標(biāo)簽
<hr />表示水平線，也是一個自結(jié)束標(biāo)簽

6.實體：
在html中，> <特殊字符不能直接使用。特殊符號是實體，轉(zhuǎn)義字符
$實體的名字;
< ---- $lt;

--- $gt;
空格----- $nbsp;
版權(quán)符號--------- $copy;

7.圖片標(biāo)簽：

img標(biāo)簽引入外部圖片
img標(biāo)簽也是自結(jié)束標(biāo)簽
src : 設(shè)置一個外部圖片的路徑
alt ：設(shè)置在圖片不能顯示時的描述
搜索引擎根據(jù)alt來識別不同的圖片

width:寬度 單位為px
height：高度
一般開發(fā)中，除了自適應(yīng)頁面，不建議設(shè)置width和height
<img src="文件名" alt="這是一只大松鼠"/>
相對路徑：相對于當(dāng)前資源所在目錄的位置

../表示返回當(dāng)前文件夾的目錄
../../返回幾個目錄就寫幾個../

8.圖片的格式：
JPEG（JPG） ：支持的顏色比較多，圖片可以壓縮，但是不支持透明,
一般使用JPEG來保持照片等顏色豐富的圖片
GIF:支持的顏色少，只支持簡單的透明，支持動態(tài)圖，
圖片顏色單一或者動態(tài)圖時可以使用

PNG：支持顏色多，并且支持復(fù)雜的透明，可以用來顯示顏色復(fù)雜的透明圖片

圖片使用原則：
效果不一致，使用效果好的
效果一致，使用小的

9.meta 標(biāo)簽還可以設(shè)置網(wǎng)頁的關(guān)鍵字

name 中的內(nèi)容是對content值的描述
<meta name="keywords" content="HTML5" />

meta 可以用來做請求的重定向
<meta http-equiv="refresh" content="5:url="http://www.baidu.com"" />

10.html的語法規(guī)范：
1.html中不區(qū)分大小寫，一般是小寫
2.html中的注釋不能嵌套使用
3.html中標(biāo)簽必須結(jié)構(gòu)完整，要么成對出現(xiàn)，要么自結(jié)束

11.超鏈接 a標(biāo)簽
href :指向跳轉(zhuǎn)的目標(biāo)地址，可以寫一個相對路徑，或者完整的地址

<a href="http://www.baidu.com"></a>
a標(biāo)簽中的target屬性可以用來指定打開鏈接的位置
可選值：
_self:默認值
_blank：在一個新的窗口中打開我們的鏈接
可以設(shè)置為一個內(nèi)聯(lián)框架的name屬性值，鏈接將在指定的內(nèi)聯(lián)框架中打開

<center></center>標(biāo)簽中的內(nèi)容表示居住的標(biāo)簽
如果將鏈接地址設(shè)置為#，點擊鏈接后自動跳轉(zhuǎn)到頂部位置
html中有一個屬性，每個元素都能設(shè)置，該屬性可以作為標(biāo)簽的唯一標(biāo)示。id
id屬性在同一個頁面中只能有一個，不能重復(fù)。 #+id屬性值
<a href="#button"></a>

發(fā)送電子郵件的超鏈接，點擊鏈接后默認打開計算機中的點擊郵件客戶端鏈接
href="mailto:郵件地址"

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

新聞標(biāo)題：html的基礎(chǔ)知識-創(chuàng)新互聯(lián)
分享地址：http://bm7419.com/article4/cdgdoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、標(biāo)簽優(yōu)化、網(wǎng)站建設(shè)、建站公司、做網(wǎng)站、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司