HTML基礎(chǔ)--基礎(chǔ)標(biāo)簽

圖片發(fā)自簡書App

跟著視頻學(xué)習(xí)了HTML5茴肥,簡要記錄一下學(xué)習(xí)的筆記杆勇。

基礎(chǔ)標(biāo)簽學(xué)習(xí)

H系列標(biāo)簽(Header1~Header6)

-作用:
-用于給文本添加標(biāo)題語義
-格式 :

<h 1>xxxxxxx</h1>(注釋:h和1之間加了空格,原因是不加尤蛮,簡書就只顯示XXXX了,淚奔~,)

-注意點(diǎn):
-用來給文本添加標(biāo)題語義的遂唧,而不是用來修改文本的樣式的
-H標(biāo)簽一共有六個如输,從H1~H6.最多只能到六個有鹿,超過六個則無效旭旭。
-被H系列標(biāo)簽包裹的內(nèi)容會獨(dú)占一行
—在H系列的標(biāo)簽中,H1最大葱跋,H6最小
—在企業(yè)開發(fā)中持寄,要慎用H系列的標(biāo)簽,特別是H1標(biāo)簽娱俺,開發(fā)中一般情況下一個界面中只能出現(xiàn)一個H1標(biāo)簽(與SEO有關(guān))

P標(biāo)簽(Paragraph)

-作用:
—告訴瀏覽器哪些文字是一個段落
-格式:

< p>xxxxxx</p >

-注意點(diǎn):
-在瀏覽器中會單獨(dú)占一行

Hr標(biāo)簽(Horizontal Rule)

-作用:
-在瀏覽器中添加一條分割線
-格式:


或者<hr />

-注意點(diǎn):
-在瀏覽器會單獨(dú)占一行
-/可以寫稍味,也可以不寫。
快捷鍵:
-如何在WebStorm中讓光標(biāo)在多行中閃爍
——按住鍵盤上的Alt鍵不放荠卷,然后在按住鼠標(biāo)的左鍵不放模庐,然后拖動鼠標(biāo)即可
-如何在WebStorm中快速的復(fù)制光標(biāo)所在的那一行
—— 按住鍵盤上的Ctr+D
-如何在WebStorm中快速的刪除光標(biāo)所在的那一行
—— 按住鍵盤上的Ctr+X
-如何在WebStorm中讓標(biāo)簽包裹一段內(nèi)容,也就是自動在一段內(nèi)容前后加上標(biāo)簽
—— 按下鍵盤上的Ctr+Alt+T,然后按下回車油宜,然后輸入對一個的標(biāo)簽即可

注釋

-格式:

<!—xxxxxxx —>

-快捷鍵: Ctrl+/

img標(biāo)簽

-作用:告訴瀏覽器顯示一張圖片

img 標(biāo)簽 格 式:< img src=“”> 即image source的縮寫

-注意點(diǎn):
-img標(biāo)簽不會單獨(dú)占一行
-兩個屬相:width:寬度掂碱、height:高度
-如果img標(biāo)簽沒有指定需要顯示的圖片的寬高,則系統(tǒng)會按照圖片默認(rèn)的寬高來顯示慎冤,如果img標(biāo)簽指定寬高疼燥,則系統(tǒng)會按照指定的寬高顯示。
-指定寬高粪薛,可能導(dǎo)致圖片變形悴了;
-如果不想讓圖片變形,只需指定img的寬和高其中一個值即可违寿,只要指定了高度,系統(tǒng)會自動根據(jù)高度計算出寬度熟空,反之自動計算高度藤巢,且都是等比拉伸,也就說不會變形息罗。
-title,用于告訴瀏覽器掂咒,當(dāng)鼠標(biāo)懸停在圖片上時,需要彈出的描述框中顯示什么內(nèi)容;alt绍刮,是alternate的縮寫温圆,交換的意思,作用是告訴瀏覽器當(dāng)需要顯示的圖片找不到時顯示的內(nèi)容孩革。

br標(biāo)簽

-作用:換行
-格式:

< br>

-注意點(diǎn):
-多個br標(biāo)簽可以連續(xù)使用岁歉,使用幾個就換幾行
-br標(biāo)簽是不另起一個段落換行,在開發(fā)中一般情況下需要換行都是因為需要另起一段落膝蜈,所以在企業(yè)開發(fā)中很少使用br標(biāo)簽

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末锅移,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子饱搏,更是在濱河造成了極大的恐慌非剃,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件推沸,死亡現(xiàn)場離奇詭異备绽,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)鬓催,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門肺素,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人深浮,你說我怎么就攤上這事压怠。” “怎么了飞苇?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵菌瘫,是天一觀的道長。 經(jīng)常有香客問我布卡,道長雨让,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任忿等,我火速辦了婚禮栖忠,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贸街。我一直安慰自己庵寞,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布薛匪。 她就那樣靜靜地躺著捐川,像睡著了一般。 火紅的嫁衣襯著肌膚如雪逸尖。 梳的紋絲不亂的頭發(fā)上古沥,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天瘸右,我揣著相機(jī)與錄音,去河邊找鬼岩齿。 笑死太颤,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的盹沈。 我是一名探鬼主播龄章,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼襟诸!你這毒婦竟也來了瓦堵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤歌亲,失蹤者是張志新(化名)和其女友劉穎菇用,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陷揪,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡惋鸥,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了悍缠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片卦绣。...
    茶點(diǎn)故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖飞蚓,靈堂內(nèi)的尸體忽然破棺而出滤港,到底是詐尸還是另有隱情,我是刑警寧澤趴拧,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布溅漾,位于F島的核電站,受9級特大地震影響著榴,放射性物質(zhì)發(fā)生泄漏添履。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一脑又、第九天 我趴在偏房一處隱蔽的房頂上張望暮胧。 院中可真熱鬧,春花似錦问麸、人聲如沸往衷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽炼绘。三九已至,卻和暖如春妄田,著一層夾襖步出監(jiān)牢的瞬間俺亮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工疟呐, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留脚曾,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓启具,卻偏偏與公主長得像本讥,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子鲁冯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評論 2 348

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