開始了

這段時間實在是太閑了,公司沒有什么大需求,打算在近期學習一下H5,必經感覺自己只會OC技能比較單一,純屬個人筆記,不做其他用途

<!DOCTYPE html>文檔聲明,告訴計算機這是一個HTML5文檔。

<html> </html>    雙標簽,所有的文檔內容均包含在這個標簽里面。
<head> </head>    不可見內容,包含文檔標題、字符編碼等。
<body> </body>    可見內容,圖片、文本表單等所有可見內容
<!DOCTYPE html>                         <!--  文檔聲明 -->
<html>                                  <!--  表示文檔的開始 -->
    <head>                                  <!--head標簽存放文檔的基本信息,不可見元素 -->
        <meta charset="utf-8">              <!-- 聲明字符編碼  -->  
        <title>測試</title>                  <!-- 聲明文檔標題 -->
    </head>
    <body>                                  <!-— body標簽存放文檔可見內容  -->
    好無聊啊,好無聊啊,好無聊啊
    </body>
</html>                                  <!--   表示文檔結束 -->

</br>
</br>

開始標簽 元素內容 結束標簽

<h1>    h標簽用來表示標題   </h1>
<p>    p標簽表示一個段落    </p>
<hr>    我是一個單標簽,我會給文檔加一個橫線  *注意我沒有結束標簽哦!

屬性的語法:<標簽 屬性1=參數1>

注意空格的使用

(1)align屬性:我的作用是指定內容的對齊方式,left:左對齊(我是默認值哦);right:右對齊;center:居中對齊

(2)bgcolor屬性:我的作用是添加一個背景顏色

掌握常用的文本元素

文本元素,就是講一段文本設置成相匹配的結構和含義

  • b元素: 我的作用就是 加粗文字;

  • br元素: 我的作用就是強制換行;

  • i元素: 我的作用就是讓 文字傾斜;

  • del元素: 我的作用就是 刪除文子

  • strong元素: 我的作用是強調一段文本我的實際作用也是加粗文字.

  • wbr元素: 我的作用是表示安全換行Theshiyigehenchanghenchangdedanci.

再來對比一下沒有安全換行的文本Theshiyigehenchanghenchangdedanci.

  • em元素: 我的作用是強調,我的實際作用也是讓文字傾斜

  • s元素: 我的實際作用就是 刪除線;從語義上來看,表示不準確的刪除。

  • u元素: 我的實際作用就是 給文字加下劃線

  • ins元素: 我的實際作用也是 給文字加下劃線;從語義上來看,是添加一段文字,起到強調作用。

  • small元素: 我的作用是 添加小號字體 ,從語義上來看,用于免責聲明和澄清聲明。

  • sub和sup元素:我們的作用就是添加下標和上標: sub表示下標:HTML5;sup表示上標我的房子100m2

  • dfn元素: 我的作用從語義上看表示定義術語,是對一個詞或短語的解釋,實際效果就是傾斜文本

  • abbr元素: 我的作用是表示一段文本的縮寫,在文本顯示上沒有任何實際效果,比如WTO

  • q元素: 我的作用從語義上看表示引用來自其他地方的的內容, 我的實際作用就是給文本加上雙引號

  • code等元素: code元素用來表示計算機代碼片段;function(){}

var元素用來表示編程語言中的變量; num

samp元素表示程序或計算機的輸出您沒有權限瀏覽該網頁

kbd元素表示某部分內容是由用戶利用鍵盤輸入如:請按Enter鍵

這幾個元素屬于英文范疇,必須將lang="en",英語才能體現效果。
  • ruby元素: 我的作用是表示位于表意文字上方或右方的注音符號 英 (ying) 雄(xiong)***不常用,瀏覽器支持不太好,很多瀏覽器不支持此功能

  • cite元素: 我的作用從語義上來看就是表示引用其他作品的標題。 實際效果就是加粗文本

  • bdo元素: 我的功能是設置文字方向,必需使用dir屬性才可以設置,共兩個值,rtl(從右到左);ltr(從左到右)默認為ltr
    rtl就是從右到左,即:right to left

  • mark元素: 我的作用是突出顯示文本,用于記號, 我的實際作用就是加上一個黃色的背景。

  • time元素: 我的作用從語義上來看就是表示日期和時間,例如 2015-9-18

  • span元素: 我的作用就是表示一般性的文本,沒有特殊效果

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 上一章:小小二三事(二) 目錄 “哈哈哈,有趣的丫頭。這聚魄丹你已服下,我這倆天就將你的肉身修復好。這期間你能否留...
    蜜豆喵閱讀 283評論 0 1
  • 在用Excel處理數據時,根據某種條件篩選出匹配的數據是一項常見的需求。 Excel自動篩選工具可以按照日期、字體...
    罌粟姐姐閱讀 52,545評論 8 90
  • 3月底4月初,春暖花開,經過春雨的滋潤,大地開始孕育千萬生靈,在山里有一種特殊的植物,正在泥土下醞釀著,時刻準備破...
    魚尾有紋閱讀 450評論 0 1