日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML基础(我的复习和学习过程)day-01

發布時間:2023/12/31 HTML 25 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML基础(我的复习和学习过程)day-01 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1.前端組成部分

**HTML結構層** **CSS樣式層** **js行為交互層**

2、命名規范

文件命名規則:

1、 不能使用中文
2、不能使用數字開頭
3、能夠使用:字母,數字,下劃線配合使用:小寫字母開頭為主
4、推薦使用語義化的命名,見名知意
5、給元素起id、類名、建議使用駝峰命名法

HTML基本結構和基本語法

<!DOCTYPE html><!- 聲明文檔類型 HTML--> <html><!- 超文本標記語言, 基本結構, 所有的標簽,所有的標記都需要放在HTML標簽里--><head><!- 網頁的頭部 地址欄及以上--><meta charset="UTF-8"><!- 定義字符編碼格式 使用了UTF-8--><title></title><!- 網頁的標題標簽--></head><body><!- 網頁的主體 地址欄向下=>給用戶來看的--></body> </html>

標簽分類

1.雙標簽

含義:成對出現的標簽,有開始,有結束
特點:

  • a)有開始,有結束
  • b)標簽名字需要放在尖角號里
  • c)雙標簽必須帶’/’
  • d)所有的屬性和屬性值都寫在了開始標簽里面
  • e)標簽名字和屬性之間必須帶空格
  • f)每一組屬性和屬性值結束后,也需要空格
  • g)標簽里面的屬性和屬性值需要用=鏈接
  • h)所有的屬性值都需要帶引號(單雙均可)

2.單標簽

含義:自己獨立出現,沒有結束標記
特點:

  • a)獨立出現,沒有結束
  • b)標簽名字和屬性需要帶空格
  • c)屬性和屬性值之間需要使用=鏈接
  • d)屬性值需要帶引號
  • e)單標簽也放在尖角號里面

標簽的基本語法

1.加粗標簽

  • 語法格式:b/strong
  • 基本語法: 文本文本
  • 作用:讓文本具有加粗效果
  • 區別:strong 更具有語義化

2.傾斜標簽

  • 語法格式:i/em標簽
  • 基本語法:文本 文本
  • 作用:給文本實現傾斜效果
  • 區別:em更具有語義化

3.下劃線標簽

  • 語法格式:u標簽
  • 基本語法:文本
  • 作用:給文本添加下劃線

4.角標標簽

  • 上角標<sup>
    文本/數值
  • 下角標
    <sub>文本。數值

5.刪除線標簽
作用:給文本添加刪除線效果
應用場合:商場促銷、文章對文字進行修改刪除的效果
基本標簽: 文本 文本
6.div和span標簽
都沒有實際含義,使用上是有區別的
相同點:都是雙標簽
div:布局元素 主要用來做布局區塊劃分,縱向排列,橫著排會用到后續知識點
span:主要是對于獨立文本進行修飾,對于某一塊文本的修飾
7.網頁中的標題標簽:一般指的是,新聞類型的稿件

h1-h6=======雙標簽特點:h1最大,h6最小 總共有六個級別,自動加粗,自動換行h1==》一般應用在網頁文章標題,網頁logoh2==》新聞稿件的標題,或者二級標題處h3==》新聞稿件居多,布局元素中有加粗效果的部分h4-h6==》根據實際情況選擇應用 8.列表標簽0如何快速創建標簽 a)div+tab ===> <div></div>b)div>b +tab ====> <div><b></b></div>c)div>b*3 +tab ====> <div><b></b><b></b><b></b></div>d)div>b{文本} ====> <div><b>文本</b><b>文本</b><b>文本</b></div> 1.有序列表ol>li 與ol相鄰的只能是li,如果想嵌套其他內容,需要li里面嵌套基本語法: <ol><li>文本</li><li>文本</li><li>文本</li></ol> 效果:有順序的列表修改列表項的類型 type='1/a/A/I/i'修改列表項的起始 start="取值是純數值"2.無序列表ul>li 與ul相鄰的只能是li,如果想嵌套其他內容,需要li里面嵌套基本語法: <ul><li>文本</li><li>文本</li><li>文本</li></ul> 效果:無序的列表修改無序列表項類型:type="默認值:disc{黑色實心圓點}circle{圓環空心圓}square{黑色實心正方形}none{取消列表項}"3.自定義列表一般情況下應用于問答列表,圖文互排布局區域基本語法: <dl><dt>圖片</dt><dd>文字,對圖片的解釋/回答</dd></dl> 一般情況下一個dl下放一個dt和一個dd

總結

以上是生活随笔為你收集整理的HTML基础(我的复习和学习过程)day-01的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。