什么是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換行標簽-->
小于號:< <
大于號:> >
空格號: 親 愛
空白位: 親 愛
& 字符:& &
版權號:? ©
注冊商標:? ®
TM: ? ™
粗/斜體標簽
<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)系作者