學習前端的第一天筆記分享

網(wǎng)頁組成,文字,圖片,音頻。視頻,超鏈接

轉換網(wǎng)頁軟件,瀏覽器

五大瀏覽器、ie、火狐、谷歌(最實用)、opera瀏覽器、safari(蘋果)

渲染引擎進行渲染在瀏覽器中顯示(瀏覽器內核)

不一樣的內核渲染出的內容也不一樣、速度、性能、效果

web標準,**html(頁面元素也叫結構) 、css(頁面樣式也叫外在表現(xiàn))、javascript(行為——動態(tài)效果、頁面交互需要邏輯性)**

**html決頂架構,css負責美觀和樣式,js負責讓他動起來**

html(超文本標記語言)必須遵循語法

/ 表示結束有些標簽不需要結束符號

**備注:需要在文件中文件擴展名打開才能看的到**后綴

html骨架結構? (開發(fā)工具會給)

開頭html?

hemd開始 title標題(網(wǎng)頁名字)?

body主體內容 (圖片、音頻、視頻、超鏈接、文字)

結束html

**備注:代碼打完按回車或者tab直接出標簽,打 !出結構s**

**注釋**瀏覽器看不見,方便記憶合作(給別人看的)快捷鍵? ctrl+/?

h:標簽等級越高字越大(1最大)

p:段落

br:單標簽換行

hr:在頁面中顯示一條線

格式化標簽

![image-20230311143335681](C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20230311143335681.png)

圖片標簽:img? ? ?

src(目標圖片路徑)

alt(當加載失敗時顯示的文字) 替代文本

title(鼠標放上去會顯示)

width(寬度)height(高度)一般自適應,也可以自定義

1.標簽寫在開始標簽里面(兩個屬性用空格分開)

相對路徑:從當前文件開始尋找目標文件一般三種情況同級、上級、下級盡量用編輯器提示不要自己打路徑近代碼自己打容易出錯

./表示從同級級提取,下級提取在同級往下

../表示從上級提取。

音頻標簽:audio(MP3、wav、ogg)

視頻標簽:video(MP4、webm、ogg)

![image-20230311155858616](C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20230311155858616.png)

谷歌瀏覽器需要配合muted使用

超鏈接標簽:a? ? 重新打開一個頁面? _blank

#代表不跳轉

href目標網(wǎng)址

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容