1麻车、認識HTML及標簽

什么是HTML:超文本標記語言(HyperText Markup Language汉矿,簡稱 HTML); 

怎么學HTML :HTML 是一門標記語言宿百,標記語言由一套標記標簽組成,學習 HTML洪添,其實就是學習標簽 ?垦页;

HTML基本結構

<!DOCTYPE html>                     <!-- 文檔類型 -->
<html>
<head>                              <!-- 網(wǎng)頁頭部 -->
    <meta charset="utf-8">          <!-- 國際編碼 -->
    <title>html基本結構</title>     <!-- 網(wǎng)頁標題 -->
</head>
<body>                              <!-- 網(wǎng)頁主體 -->
    Hello
    <p>我是網(wǎng)頁主體</p>
</body>
</html>

標題標簽

<!--一個頁面通常只出現(xiàn)一個h1標簽有利于搜索引擎搜索-->
標題標簽
<h1>我是h1標簽</h1>
<h2 id="box">我是h2標簽</h2>
<h3>我是h3標簽</h3>             <!--id是唯一的,不可重復-->
<h4>我是h4標簽</h4>
<h5>我是h5標簽</h5>
<h6>我是h6標簽</h6>
<h7>我是h7標簽</h7>

單標簽

<hr>        <!--hr水平線標簽-->
<br>        <!--br換行標簽-->

小于號:<       &lt;            
大于號:>       &gt;            
空格號:        親&nbsp;愛         
空白位:        親&emsp;愛    
& 字符:&        &amp;         
版權號:?        &copy; 
注冊商標:?      &reg;       
TM: ?           &trade;

粗/斜體標簽

<b>物理粗體標簽</b><br>       <!--只是物理加粗-->   
<strong>粗體標簽,有利于SEO搜索</strong><!--不僅能加粗干奢,還有利于搜索引擎搜索-->

<h2>斜體標簽</h2>
<i>物理斜體</i><br>             <!--斜體作用-->
<em>em斜體痊焊,有利于搜索</em> <!--強調(diào)斜體,利于搜索引擎搜索-->
<strong><em>啦啦啦</em></strong>

列表標簽

<h3>無序列表</h3>
    <ul type="square">
        <li>1</li>
        <li>2</li>
    </ul>
    <!-- type
       disc  默認  小黑圓點
       circle  空心圓
       square  小方框
       -->
    <h3>有序列表</h3>
        <ol type='A' reversed start='3'>    <!--3-C-倒數(shù)第幾個字母-->
            <li>A</li>
            <li>B</li>
        </ol>
    <!-- reversed   降序排序
             sorted     升序
             start      有序列表起始值
             -->
<h3>自定義列表</h3>
    <dl>
        <dt>標題</dt>
        <dd>E</dd>
        <dd>F</dd>
        <dd>G</dd>
    </dl>

圖片標簽

<img src="圖片鏈接" alt="關鍵字,用于SEO">    

超鏈接a標簽

<a href="圖片鏈接">xxx</a>
<a  target='_self'>超鏈接>>>去百度</a><br>
<a href="#">#-刷新當前頁面</a><br>
<a href="javascript:void(0);">死鏈接,沒有反應</a><br>
<a href="#ss" name='xx'>跳轉(zhuǎn)到頂部</a>
<!--
      只有擁有name屬性的a標簽才有錨點
      其他標簽可以通過id屬性實現(xiàn)錨點
      target屬性
          _self 當前頁面打開  默認
          _blank 在新窗口打開
      -->
HTMLclass/id書寫規(guī)范
   1.名字用小寫字母
   2.以英文開頭薄啥,可以包含英文字母辕羽,數(shù)字,_垄惧,-刁愿,不能使用中文
   3.駝峰命名
       className  第二個單詞首字母大寫
   4.id命名
       id只能有一個名字,而且在頁面中相同的名字只能出現(xiàn)一次到逊,相當于身份證號碼一樣
   5.class命名
       class可以出現(xiàn)多次铣口,而且相同的名字可以有多個,相當于人名一樣

div+span

div:塊狀元素,獨占一行觉壶∧蕴猓可以設置大小£可以通過修改display屬性改變旭蠕。
pan:行間元素,無法設置狂傲,大小由內(nèi)容撐起】跆梗可以通過修改display屬性改變掏熬。

個人筆記,便于日后查看秒梅。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末没酣,一起剝皮案震驚了整個濱河市杠览,隨后出現(xiàn)的幾起案子昧识,更是在濱河造成了極大的恐慌轰传,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件辆它,死亡現(xiàn)場離奇詭異誊薄,居然都是意外死亡,警方通過查閱死者的電腦和手機锰茉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進店門呢蔫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人飒筑,你說我怎么就攤上這事片吊。” “怎么了协屡?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵俏脊,是天一觀的道長。 經(jīng)常有香客問我肤晓,道長爷贫,這世上最難降的妖魔是什么认然? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮沸久,結果婚禮上季眷,老公的妹妹穿的比我還像新娘余蟹。我一直安慰自己卷胯,他們只是感情好,可當我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布威酒。 她就那樣靜靜地躺著窑睁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪葵孤。 梳的紋絲不亂的頭發(fā)上担钮,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天,我揣著相機與錄音尤仍,去河邊找鬼箫津。 笑死,一個胖子當著我的面吹牛宰啦,可吹牛的內(nèi)容都是我干的苏遥。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼赡模,長吁一口氣:“原來是場噩夢啊……” “哼田炭!你這毒婦竟也來了?” 一聲冷哼從身側響起漓柑,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤教硫,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后辆布,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瞬矩,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年锋玲,在試婚紗的時候發(fā)現(xiàn)自己被綠了景用。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡嫩絮,死狀恐怖丛肢,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情剿干,我是刑警寧澤蜂怎,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站置尔,受9級特大地震影響杠步,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一幽歼、第九天 我趴在偏房一處隱蔽的房頂上張望朵锣。 院中可真熱鬧,春花似錦甸私、人聲如沸诚些。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽诬烹。三九已至,卻和暖如春弃鸦,著一層夾襖步出監(jiān)牢的瞬間绞吁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工唬格, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留家破,地道東北人。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓购岗,卻偏偏與公主長得像汰聋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子藕畔,可洞房花燭夜當晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5马僻? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,527評論 1 45
  • HTML標簽解釋大全 一注服、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,263評論 1 41
  • 序言 整理谷歌的小弟的筆記韭邓,版權歸原作者所有,本文僅作整理溶弟,原文鏈接:http://blog.csdn.net/l...
    在代碼下成長閱讀 1,151評論 1 5
  • 學習目標: 了解常用瀏覽器 掌握WEB標準 理解標簽語義化 掌握常用的排版標簽 掌握常用的文本格式化圖像鏈接等標簽...
    淡淡瘋閱讀 1,269評論 0 3
  • 一不留神辜御,娃又扯出這么一堆紙鸭你,玩得不亦樂乎,給她一包抽紙擒权,就是整個世界袱巨,快樂的玩吧,健康長大碳抄!
    大連魷魚絲閱讀 194評論 0 0