信不少開發(fā)人員都會遇見這個問題,基本上每個網(wǎng)站都會有版權(quán)聲明,其中會用到版權(quán)符號copyright:?,但是我們在開發(fā)的過程中,是不能直接以漢字輸入?的,需要用到html代碼來實現(xiàn)輸出,否則顯示是不正常的,那么我們應(yīng)該怎么利用html代碼來正常的輸出版權(quán)符號“?”的呢?
如果我沒有記錯的話,html版權(quán)符號是?
下面再給大家推薦其他的html特殊字符編碼
使用一個“&”后面帶上特殊符指令,就可以了
接下來再看一下下面的這些特殊符號的轉(zhuǎn)義寫法
?
最后還有這些:
大家可以收藏下上面這些html符號編碼,很有可能會用的到啊!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文網(wǎng)(html.cn)</title>
</head>
<body>
<h1>我的第一個標(biāo)題</h1>
<p>我的第一個段落。</p>
</body>
</html>
解析
|
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
HTML 標(biāo)簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
“HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽,如下實例:
HTML 元素:
<p>這是一個段落。</p>
頭部元素包含關(guān)于文檔的概要信息,也稱為元信息(meta-information)。Meta 意為“關(guān)于某方面的信息”。
可以這么說,元數(shù)據(jù)(meta-data)是關(guān)于數(shù)據(jù)的信息,而元信息是關(guān)于信息的信息。
<head> 元素包含了所有的頭部標(biāo)簽元素。在 元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
<title> 標(biāo)簽定義了不同文檔的標(biāo)題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
1.定義了瀏覽器工具欄的標(biāo)題
2.當(dāng)網(wǎng)頁添加到收藏夾時,顯示在收藏夾中的標(biāo)題
3.顯示在搜索引擎結(jié)果頁面的標(biāo)題
<base> 標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接:
|
<link> 標(biāo)簽定義了文檔與外部資源之間的關(guān)系。
<link> 標(biāo)簽通常用于鏈接到樣式表:
|
<style> 標(biāo)簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中你也可以直接添加樣式來渲染 HTML 文檔:
|
meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。
<meta> 標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用于指定網(wǎng)頁的描述,關(guān)鍵詞,文件的最后修改時間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
<meta> 一般放置于 <head> 區(qū)域
<script>標(biāo)簽用于加載腳本文件,如: JavaScript。
<script> 元素在以后的章節(jié)中會詳細(xì)描述。
HTML head 元素
標(biāo)簽 | 描述 |
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標(biāo)題 |
<base> | 定義了頁面鏈接標(biāo)簽的默認(rèn)鏈接地址 |
<link> | 定義了一個文檔和外部資源之間的關(guān)系 |
<meta> | 定義了HTML文檔中的元數(shù)據(jù) |
<script> | 定義了客戶端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |
開始標(biāo)簽 | 元素內(nèi)容 | 結(jié)束標(biāo)簽 |
<p> | 這是一個段落 | </p> |
<a href="default.html"> | 這是一個鏈接 | </a> |
<br> | 換行 |
HTML注釋標(biāo)簽<!--...-->用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。可使用注釋對您的代碼進行解釋,這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用
<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML教程(html.cn)</title>
</head>
<body>
<b>加粗文本</b><br><br>
<i>斜體文本</i><br><br>
<code>電腦自動輸出</code><br><br>
這是 <sub> 下標(biāo)</sub> 和 <sup> 上標(biāo)</sup>
</body>
</html>
HTML 文本格式化標(biāo)簽
標(biāo)簽 | 描述 |
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標(biāo)字 |
<sup> | 定義上標(biāo)字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
HTML”計算機輸出”標(biāo)簽
標(biāo)簽 | 描述 |
<kbd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預(yù)格式文本 |
<code> | 定義計算機代碼 |
HTML 引文,引用,及標(biāo)簽定義
標(biāo)簽 | 描述 |
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目 |
HTML 區(qū)塊元素
可以通過 <div> 和 <span> 將 HTML 元素組合起來
HTML塊級元素
塊級元素在瀏覽器顯示時,通常會以新行來開始和結(jié)束 - 例:<h1>, <p>, <ul>, <table>
HTML內(nèi)聯(lián)元素
內(nèi)聯(lián)元素在顯示時通常不會以新行開始 - 例:<b>, <td>, <a>, <img>
HTML <div> 元素
HTML <div> 元素是塊級元素,瀏覽器會在其前后顯示折行 - 如果與 CSS 一同使用,<div> 元素可用于對大的內(nèi)容塊設(shè)置樣式屬性。 - <div> 元素的另一個常見的用途是文檔布局
HTML <span> 元素
HTML <span> 元素是內(nèi)聯(lián)元素,可用作文本的容器 - 與 CSS 一同使用時,<span> 元素可用于為部分文本設(shè)置樣式屬性
HTML 實體
在 HTML 中,某些字符是預(yù)留的。
比如在 HTML 中不能使用小于號(<)和大于號(>)因為瀏覽器會誤認(rèn)為它們是標(biāo)簽,所以希望能正確地顯示預(yù)留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。
字符實體類似這樣&entity_name;
或
entity_number;
HTML 字符實體
不間斷空格
HTML 中的常用字符實體是不間斷空格( )
瀏覽器總是會截短 HTML 頁面中的空格,如果需要在頁面中增加空格的數(shù)量,需要使用 字符實體
有用的字符實體
顯示結(jié)果 | 描述 | 實體名稱 | 實體編碼 |
空格 | |||
< | 小于號 | < | < |
> | 大于號 | > | > |
& | 和號 | & | & |
“ | 引號 | " | " |
‘ | 撇號 | ' (IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 鎊 | £ | £ |
¥ | 元 | ¥ | ¥ |
€ | 歐元 | € | € |
§ | 小節(jié) | § | § |
? | 版權(quán) | ? | ? |
? | 注冊商標(biāo) | ? | ? |
? | 商標(biāo) | ? | ? |
× | 乘號 | × | × |
÷ | 除號 | ÷ | ÷ |
歡迎大家提議、分享、交流、共同學(xué)習(xí)進步
1、html標(biāo)簽是用來給文本添加語義的,而不是用來修飾文本的;
2、<meta charset="GBK">指定字符集(GB2312、UTF-8),html保存和指定字符一樣,才不會亂碼;
3、<!DOCTYPE html> DTD文檔申明告訴瀏覽器我用的什么協(xié)議來寫的,不是html標(biāo)簽;
4、webstorm快捷鍵大全:https://www.cnblogs.com/yeminglong/p/5995421.html
1、h、p 和 hr 標(biāo)簽
2、注釋:<!-- -->
3、圖片:<img src=" ">
4、換行:<br> 用于內(nèi)容未完的換行
5、跳轉(zhuǎn):<a href=" "></a>
6、base 標(biāo)簽:<base target="_self ">
7、假鏈接:點擊不會跳轉(zhuǎn)
8、錨點:<a href="#id值"><\a>
1、無序列表(!)
2、有序列表(*)
3、定義列表
?
1、格式
?
2、屬性
(1)寬高
(2)水平和垂直對齊(align 和 valign)
(3)內(nèi)邊距和外邊距(cellpadding 和 cellspacing)
(4)細(xì)線表格
3、表格的其他標(biāo)簽
(1)caption:表格的標(biāo)題標(biāo)簽,必須寫在 table 內(nèi)而且需緊跟 table
(2)th:th 和 td 同級,th 有加粗的效果
4、表格的結(jié)構(gòu)
(1)組成:caption 標(biāo)題、thead 表頭、tbody 主體、tfoot 尾部
(2)說明:
5、單元格的合并
(1)水平方向:td 屬性 colspan = "2";
(2)垂直方向:td 屬性 rowspan = "2";
1、格式
?
2、input 標(biāo)簽
(1)type = text:
(2)password:
(3)radio:互斥要設(shè)置 name 相同;默認(rèn)選中 checked
(4)checkbox:選中 checked
(5)button:
(6)image:
(7)reset:value 修改標(biāo)題
(8)submit:
(9)hidden:
-----------------------------------------------------------------------------------------------------------------------
*相關(guān)標(biāo)簽:
?
3、非 input 標(biāo)簽
(1)select
?
(2)textarea
4、練習(xí)
(1)表單標(biāo)簽除了 button 外都可以用 value 來指定提交的值
(2)表單添加邊框可以在 form 中添加 fieldset 來實現(xiàn)
1、video 標(biāo)簽
(1)格式:<video src=" " autoplay="autoplay"></video>;
(2)屬性:controls(控制條)poster(海報)loop(循環(huán))preload(預(yù)加載,與autoplay沖突)muted(靜音)width/height;
(3)另一種 video 格式:解決瀏覽器的兼容
?
(4)讓所有的瀏覽器支持 video 標(biāo)簽:通過 js 框架來實現(xiàn)
2、audio 標(biāo)簽
(1)使用基本和 video 一樣,屬性只有寬高和 poster 不能用,也是兩種格式
3、details 和 summary 標(biāo)簽
(1)格式:
?
4、marquee標(biāo)簽(跑馬燈效果)
(1)w3c 不推薦,但是瀏覽器的支持好
(2)屬性:direction(方向)scrollamount(滾動的速度)loop(滾動次數(shù),默認(rèn)-1)behavior(滾動類型 slide)
(3)廢棄的標(biāo)簽:<br><hr><font><b>加粗<u>下劃線<i>斜體<s>刪除線(無語義)
替代的標(biāo)簽:<strong><ins><em><del>(加入了語義)
5、字符實體
(1) ;空格 <;>; ©;版權(quán)符號
(2)理解:html 占用了的不顯示的特殊字符用另外的代替符號表示,使他們正常在 html 頁面上顯示
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。