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

H 系列的標(biāo)簽

  1. H標(biāo)簽是用來給文本添加標(biāo)題的,而不是從來修改文本的樣式的
  2. H 標(biāo)簽一共有6個(gè)孵睬,從H1~H6,最多只能到6 伶跷,超過6則無效掰读。
  3. 被H 系列包裹的內(nèi)容秘狞,會獨(dú)占一行;H1最大蹈集,H6最小
  4. 在企業(yè)開發(fā)中烁试,一定要慎用H系列的標(biāo)簽,特別是H1標(biāo)簽雾狈,在企業(yè)開發(fā)匯總廓潜,一般情況一個(gè)界面只能出現(xiàn)一個(gè)H1標(biāo)簽(和SEO有關(guān))

P 系列標(biāo)簽

  1. 作用:告訴劉拉起,那些文字是一個(gè)段落善榛;
  2. 格式:<p>xxxxx</p>
  3. 注意點(diǎn):在瀏覽器中會獨(dú)占一行

Hr 標(biāo)簽

  1. 在瀏覽器上實(shí)現(xiàn)一條分割線辩蛋;
  2. 格式:hr/
  3. 在瀏覽器中會單獨(dú)占一行
  4. 通過我們的觀察,HR標(biāo)簽可以寫/移盆,也可以不寫/悼院。

HTML注釋

  1. 格式:
  2. 快捷鍵:control+/

img 標(biāo)簽

  1. 格式:<img src="">
  2. 注意點(diǎn):和H系列標(biāo)簽和/p標(biāo)簽還有Hr標(biāo)簽不一樣,img標(biāo)簽不會獨(dú)占一行咒循。
  3. 屬性:width:寬度 height:高度 寬度和高度用來指定圖片的大小据途,如果指定了圖片大小,可能會導(dǎo)致圖片變形叙甸。如果指定了寬度颖医,系統(tǒng)會按照等比進(jìn)行高度縮放,如果指定了高度裆蒸,系統(tǒng)也會按照等比進(jìn)行寬度縮放熔萧。
  4. 屬性:title:用來告訴瀏覽器,當(dāng)鼠標(biāo)懸停在圖片上時(shí)僚祷,需要彈出的描述框中顯示什么內(nèi)容佛致。
  5. 屬性:alt:是英文alternate的縮寫,他的作用是用來告訴瀏覽器辙谜,當(dāng)需要顯示的圖片找不到時(shí)俺榆,顯示什么內(nèi)容。

br標(biāo)簽

  1. 作用:用來換行装哆;
  2. 格式:
    ;
  3. 注意點(diǎn):多個(gè)br標(biāo)簽可以連續(xù)使用罐脊,使用了多少,就會換了多少行烂琴。
  4. br: 使用率比較少爹殊。

路徑問題

  1. 我們給img 中的src屬性賦值有兩種方式,通過相對路徑賦值和通過絕對路徑賦值奸绷。
  • 通過相對路徑賦值:相對路徑就是每次都從.html文件所在的文件夾開始查找梗夸,我們稱之為相對路徑
  • 同級:同級就是html 和圖片在同一個(gè)文件夾中。
  • 下級:存儲的圖片的文件夾和html 在同一個(gè)文件中号醉。
  • 上級:存儲圖片的位置和存儲代碼的文件夾在同一個(gè)文件夾中反症。其中../ 代表辛块,找到上一個(gè)級的文件夾。
  • 通過絕對路徑賦值:每次都是從指定的文件夾開始查找铅碍。
  • 注意:路徑中不要出現(xiàn)中文润绵,否則可能出現(xiàn)未知問題。
  • 如果是通過相對路徑來制定胞谈,那么不能跨盤符尘盼。
  1. 以后在企業(yè)開發(fā)中,如果需要寫路徑烦绳,統(tǒng)一使用反斜杠/卿捎, 不要使用正斜杠,因?yàn)榇a會部署到其他操作系統(tǒng)的服務(wù)器上径密,而在其他操作系統(tǒng)路徑都是/午阵,如果不是反斜杠,可能會引發(fā)問題享扔;

  2. 在企業(yè)開發(fā)中一般不會使用絕對路徑底桂,因?yàn)榭梢浦残圆缓茫簿褪钦f將你寫好的代碼拷貝給被人惧眠,被人可能就不能運(yùn)行了籽懦。

a 標(biāo)簽

  1. a 標(biāo)簽的作用:就是用于控制頁面與頁面之間的跳轉(zhuǎn)的;
  2. a標(biāo)簽的格式:<a href="指定需要跳轉(zhuǎn)的目標(biāo)界面">需要展現(xiàn)給用戶的查看的內(nèi)容</a>
  3. a標(biāo)簽 不僅可以讓文字可以點(diǎn)擊氛魁,也可以讓圖片也能夠點(diǎn)擊
  4. 一個(gè)a標(biāo)簽必須有一個(gè)href 屬性指定一個(gè)URL地址猫十;
  5. 如果通過a標(biāo)簽的href 屬性指定一個(gè)URL地址,那么必須在地址前面增加http:// 或者h(yuǎn)ttps://
  6. a 標(biāo)簽中有個(gè)target 屬性呆盖,這個(gè)屬性的作用就是專門用于控制如何跳轉(zhuǎn)
    _self: 用于在當(dāng)前選項(xiàng)卡中跳轉(zhuǎn),也就是不新建界面跳轉(zhuǎn)贷笛,默認(rèn)就是_self
    _blank:用于在新的選項(xiàng)卡中跳轉(zhuǎn)应又,也就是新建界面跳轉(zhuǎn)
  7. a標(biāo)簽中的href 屬性除了可以指定一個(gè)網(wǎng)絡(luò)地址以外,還可以指定一個(gè)本地地址乏苦;
  8. a 標(biāo)簽中還有一個(gè)title 屬性株扛,也是用來在鼠標(biāo)懸停時(shí),顯示內(nèi)容的汇荐。
  9. 通過我們的a標(biāo)簽跳轉(zhuǎn)到指定的位置洞就,是沒有動畫過渡的,是直接跳轉(zhuǎn)到指定的位置掀淘;
  10. a標(biāo)簽除了可以跳轉(zhuǎn)到當(dāng)前頁面的指定位置以外旬蟋,也可以跳轉(zhuǎn)到其他頁面的指定位置,格式<a href=" 其他頁面的路徑#位置的id">
  11. 如何通過a標(biāo)簽實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)革娄?每個(gè)標(biāo)簽都是一個(gè)屬性是id倾贰,可以為指定的標(biāo)簽添加一個(gè)id冕碟,然后在href =“#id”來實(shí)現(xiàn)。

base 標(biāo)簽

  1. 作用:用來專門統(tǒng)一的指定當(dāng)前網(wǎng)頁中所有的超鏈接的a標(biāo)簽的所需要的打
  2. 注意點(diǎn):base 標(biāo)簽必須寫在head 標(biāo)簽中匆浙;
  3. 注意點(diǎn):如果即在base中指定了target 安寺,又在a標(biāo)簽中指定了target,那么瀏覽器會按照a標(biāo)簽中指定的來執(zhí)行首尼;
  4. base 標(biāo)簽是單標(biāo)簽挑庶;

什么是假鏈接

  1. 在企業(yè)開發(fā)前期,其他界面都沒有寫出來的時(shí)候软能,使用迎捺。
  2. 假鏈接的格式:
  • 井號鍵 #
  • javascript:
    兩者的區(qū)別:#的假鏈接會自動回到網(wǎng)頁的頂部,而javascript:的假鏈接是不會自動回到網(wǎng)頁頂部的埋嵌。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末破加,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子雹嗦,更是在濱河造成了極大的恐慌范舀,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件了罪,死亡現(xiàn)場離奇詭異锭环,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)泊藕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門辅辩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人娃圆,你說我怎么就攤上這事玫锋。” “怎么了讼呢?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵撩鹿,是天一觀的道長。 經(jīng)常有香客問我悦屏,道長节沦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任础爬,我火速辦了婚禮甫贯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘看蚜。我一直安慰自己叫搁,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著常熙,像睡著了一般纬乍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上裸卫,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天仿贬,我揣著相機(jī)與錄音,去河邊找鬼墓贿。 笑死茧泪,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的聋袋。 我是一名探鬼主播队伟,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼幽勒!你這毒婦竟也來了嗜侮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤啥容,失蹤者是張志新(化名)和其女友劉穎锈颗,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體咪惠,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡击吱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了遥昧。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片覆醇。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖炭臭,靈堂內(nèi)的尸體忽然破棺而出永脓,到底是詐尸還是另有隱情,我是刑警寧澤鞋仍,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布憨奸,位于F島的核電站,受9級特大地震影響凿试,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜似芝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一那婉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧党瓮,春花似錦详炬、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽在跳。三九已至,卻和暖如春隐岛,著一層夾襖步出監(jiān)牢的瞬間猫妙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工聚凹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留割坠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓妒牙,卻偏偏與公主長得像彼哼,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子湘今,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

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

  • 1.meta標(biāo)簽 元素可提供有關(guān)頁面的元信息(meta-information)敢朱,比如針對搜索引擎和更新頻度的描述...
    姚小帥閱讀 335評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • HTML標(biāo)題:標(biāo)題在body內(nèi)摩瞎,是以標(biāo)簽 - 構(gòu)成(依次減兴┣)默認(rèn)情況,HTML會自動在塊級元素下加一個(gè)空行愉豺,比如...
    Lv_0閱讀 148評論 0 1
  • 一篓吁、 網(wǎng)站:在萬維網(wǎng)上根據(jù)規(guī)則使用HTML工具制作的網(wǎng)頁的集合,是web的基礎(chǔ)蚪拦。網(wǎng)頁:網(wǎng)站由網(wǎng)頁組成杖剪,是構(gòu)成網(wǎng)站的...
    ConRon閱讀 172評論 0 0
  • 基本文檔 文檔標(biāo)題 可見文本... 基本標(biāo)簽(Basic Tags) 最大的標(biāo)題 . . . . . . . . ...
    小龍是只貓閱讀 185評論 0 0