HTML基礎(第12周)

第一章? 基本語法

1.HTML基本結(jié)構(gòu)

HTML

<html>

<head>

<title>標題</title>

</head>

<body>

網(wǎng)頁主體內(nèi)容

</body>

</html>

2.標簽(一般情況下成對出現(xiàn))

<p></p>段落標簽

<hr>或<hr/>在頁面中顯示為一條橫線佑颇,是一個單標簽

html文本元素:開始標簽+內(nèi)容+結(jié)束標簽

HTML標簽屬性

3.標簽屬性

<標簽名? 屬性名1=“屬性值” 屬性名2=“屬性值”······>······</標簽名>

<body? bgcolor="red">

</body>

(頁面主體內(nèi)容就變?yōu)榧t色)

4.如何添加注釋

<!--注釋內(nèi)容-->

第二章 文檔段落

一.基本內(nèi)容

1.<!DOCTYPE? HTML> 文檔類型聲明,放在HTML文檔的第一行XHTML規(guī)范

DOCYYPE處于文檔最前面,告知瀏覽器使用哪種HTML或

2.在<head></head>標簽之間加

<meta http-equiv="Content-Type" content="text/html,charset=utf-8">

聲明網(wǎng)頁的內(nèi)容使用的語言以及編碼形式黔姜,避免出現(xiàn)亂碼

二.文字和段落標簽

1.標題標簽:<h1></h1>~<h6></h6>

(h1~h6標簽的顯示效果)



2.段落標簽

<p></p> 段落標簽

<br/>? 換行標簽(在需要換行的文字后面直接加粗悯,是一個單標記)

&nbsp空格,放在需要空格的文字前面

align對其屬性

left? 左對齊

right? 右對齊

center? 居中對齊

justify? 對行伸展如捅,每行都有相等的長度


運行結(jié)果棍现,分別為左對齊,右對齊镜遣,居中對齊己肮,對行伸展,加<br/>換行以及空格


來自截圖


</br>標簽實現(xiàn)換行悲关,但是它們?nèi)匀粚儆谝粋€段落谎僻,行與行之間沒有留白部分

<pre></pre>,預格式化標簽寓辱,瀏覽器端看到的內(nèi)容和輸入的內(nèi)容一樣艘绍,包括手動敲入的空格

<hr/>單標簽,水平線

width:水平線寬度秫筏,像素或百分比

color:水平線顏色

align:水平線居中對其

noshade:水平線無陰影

例如:<hr/ width=80% color="red" align="left">

運行結(jié)果為


來自截圖


修飾標簽

文字斜體:<i></i>? ? <em></em>

加粗:<b></b>? <strong></strong>

上標:<sub>

下標:<sup>

下劃線:<ins>

刪除線:<del>

運行結(jié)果

特殊符號

&alt:< 小于號

&gt:<? 小于號

&reg:已注冊

&copy :版權(quán)

&trade:TM 商標

&nbsp:Space? 不斷行的空白

第三章? 列表標簽

分類:無序列表

<ul>

<li>內(nèi)容</li>

<li>內(nèi)容</li>

<li>內(nèi)容</li>

</ul>


type屬性值

disc:原點

square:正方形

circle:空心圓


來自截圖

分別設置屬性

<ul? type="disc">

<ul? type="square">

<ul? type="circle">


來自截圖



有序列表:列表項有先后順序

語法

<ol>

<li>內(nèi)容</li>

<li>內(nèi)容</li>

<li>內(nèi)容</li>

</ol>

type屬性值

1:數(shù)字1,2······

A:大寫字母

a:小寫字母

I:大寫羅馬數(shù)字

i:小寫羅馬數(shù)字

運行結(jié)果:

來自截圖

定義列表

<dl>

<dt>定義列表項</dt>

<dd>定義列表項描述</dt>

<dt>定義列表項</dt>

<dd>定義列表描述項</dd>

對于每一個dt可以有多個dd


dt與dd是同級標簽诱鞠,dt不能放在dd內(nèi)挎挖,dd也不能放在dt內(nèi)



來自截圖


瀏覽器調(diào)試器打開:F12

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市般甲,隨后出現(xiàn)的幾起案子肋乍,更是在濱河造成了極大的恐慌,老刑警劉巖敷存,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件墓造,死亡現(xiàn)場離奇詭異,居然都是意外死亡锚烦,警方通過查閱死者的電腦和手機觅闽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涮俄,“玉大人蛉拙,你說我怎么就攤上這事〕骨祝” “怎么了孕锄?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長苞尝。 經(jīng)常有香客問我畸肆,道長,這世上最難降的妖魔是什么宙址? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任轴脐,我火速辦了婚禮,結(jié)果婚禮上抡砂,老公的妹妹穿的比我還像新娘大咱。我一直安慰自己,他們只是感情好注益,可當我...
    茶點故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布碴巾。 她就那樣靜靜地躺著,像睡著了一般丑搔。 火紅的嫁衣襯著肌膚如雪厦瓢。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天低匙,我揣著相機與錄音,去河邊找鬼碳锈。 笑死顽冶,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的售碳。 我是一名探鬼主播强重,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼绞呈,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了间景?” 一聲冷哼從身側(cè)響起佃声,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎倘要,沒想到半個月后圾亏,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡封拧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年志鹃,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泽西。...
    茶點故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡曹铃,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出捧杉,到底是詐尸還是另有隱情陕见,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布味抖,位于F島的核電站评甜,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏非竿。R本人自食惡果不足惜蜕着,卻給世界環(huán)境...
    茶點故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望红柱。 院中可真熱鬧承匣,春花似錦、人聲如沸锤悄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽零聚。三九已至袍暴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間隶症,已是汗流浹背政模。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蚂会,地道東北人淋样。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像胁住,于是被迫代替她去往敵國和親趁猴。 傳聞我的和親對象是個殘疾皇子刊咳,可洞房花燭夜當晚...
    茶點故事閱讀 45,515評論 2 359

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

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,260評論 1 41
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,560評論 32 459
  • img標簽 功能:告訴瀏覽器需要顯示一張圖片; 參數(shù):width儡司、height娱挨、src、title捕犬、alt跷坝;wid...
    Latte_Bear閱讀 563評論 0 0
  • 0.B/S結(jié)構(gòu) 瀏覽器服務器模式,web瀏覽器是客戶端最主要的應用軟件.將客戶端使用web進行統(tǒng)一,系統(tǒng)功能實現(xiàn)集...
    liusong007閱讀 1,061評論 0 1
  • HTML需要掌握標簽 標簽(空格分隔): H5+CSS [TOC] 常用標簽 img 注意點 和H系列標簽/p標簽...
    袁俊亮技術(shù)博客閱讀 2,051評論 1 8