HTML基础(我的复习和学习过程)day-01
生活随笔
收集整理的這篇文章主要介紹了
HTML基础(我的复习和学习过程)day-01
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.前端組成部分
**HTML結(jié)構(gòu)層** **CSS樣式層** **js行為交互層**2、命名規(guī)范
文件命名規(guī)則:
1、 不能使用中文
2、不能使用數(shù)字開頭
3、能夠使用:字母,數(shù)字,下劃線配合使用:小寫字母開頭為主
4、推薦使用語義化的命名,見名知意
5、給元素起id、類名、建議使用駝峰命名法
HTML基本結(jié)構(gòu)和基本語法
<!DOCTYPE html><!- 聲明文檔類型 HTML--> <html><!- 超文本標記語言, 基本結(jié)構(gòu), 所有的標簽,所有的標記都需要放在HTML標簽里--><head><!- 網(wǎng)頁的頭部 地址欄及以上--><meta charset="UTF-8"><!- 定義字符編碼格式 使用了UTF-8--><title></title><!- 網(wǎng)頁的標題標簽--></head><body><!- 網(wǎng)頁的主體 地址欄向下=>給用戶來看的--></body> </html>標簽分類
1.雙標簽
含義:成對出現(xiàn)的標簽,有開始,有結(jié)束
特點:
- a)有開始,有結(jié)束
- b)標簽名字需要放在尖角號里
- c)雙標簽必須帶’/’
- d)所有的屬性和屬性值都寫在了開始標簽里面
- e)標簽名字和屬性之間必須帶空格
- f)每一組屬性和屬性值結(jié)束后,也需要空格
- g)標簽里面的屬性和屬性值需要用=鏈接
- h)所有的屬性值都需要帶引號(單雙均可)
2.單標簽
含義:自己獨立出現(xiàn),沒有結(jié)束標記
特點:
- a)獨立出現(xiàn),沒有結(jié)束
- b)標簽名字和屬性需要帶空格
- c)屬性和屬性值之間需要使用=鏈接
- d)屬性值需要帶引號
- e)單標簽也放在尖角號里面
標簽的基本語法
1.加粗標簽
- 語法格式:b/strong
- 基本語法: 文本文本
- 作用:讓文本具有加粗效果
- 區(qū)別:strong 更具有語義化
2.傾斜標簽
- 語法格式:i/em標簽
- 基本語法:文本 文本
- 作用:給文本實現(xiàn)傾斜效果
- 區(qū)別:em更具有語義化
3.下劃線標簽
- 語法格式:u標簽
- 基本語法:文本
- 作用:給文本添加下劃線
4.角標標簽
- 上角標<sup>
文本/數(shù)值 - 下角標
<sub>文本。數(shù)值
5.刪除線標簽
作用:給文本添加刪除線效果
應(yīng)用場合:商場促銷、文章對文字進行修改刪除的效果
基本標簽: 文本 文本
6.div和span標簽
都沒有實際含義,使用上是有區(qū)別的
相同點:都是雙標簽
div:布局元素 主要用來做布局區(qū)塊劃分,縱向排列,橫著排會用到后續(xù)知識點
span:主要是對于獨立文本進行修飾,對于某一塊文本的修飾
7.網(wǎng)頁中的標題標簽:一般指的是,新聞類型的稿件
總結(jié)
以上是生活随笔為你收集整理的HTML基础(我的复习和学习过程)day-01的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 十大正规外汇平台排行,外汇平台名单一览
- 下一篇: 借呗还款方式有几种