1. 程式人生 > >前端html筆記

前端html筆記

get img 查找 href ctr 實現 header base video

前端html筆記:
strict.dtd 標準版 語法要求嚴格
transitonal.dtd 過渡模式 語法要求寬松
loose.dtd 過渡模式 松散模式
strict.dtd 標準版

html 標簽
單標簽 有始無終
雙標簽 有始有終

並列關系:平級關系
包含關系:嵌套關系

開發工具:
sublime
ctrl+shift+p 插件安裝 選中install package
ctrl+shift+p 插件安裝 remove 回車 刪除已安裝插件
ctrl+shift+d 復制整行
ctrl+f 快速查找
ctrl+h 查找替換

按住ctrl鍵不松,鼠標連著在需要插入文字的地方按多行 可多行一起插入

div span 沒有語義的標簽
div塊兒元素 span行元素
img的alt屬性是給搜索引擎看的
src屬性值../代表回到上一級目錄
a標簽target屬性值:_self默認值 點擊超鏈接後會覆蓋當前頁面
_blank 新窗口打開新頁面

本頁面內跳轉

錨鏈接:
需要提前設置id,href屬性中#id,實現本頁面跳轉
head標簽內嵌套<base target="">對錨鏈接同樣生效
空格-特殊字符
< 小於-特殊字符
> 大於-特殊字符
語義標簽:
<nav></nav> 導航

<header><header> 表示網站主體部分頭部
<footer></footer> 網站尾部
<article></article> 文章整體
<aside></aside> 網站側邊欄
<section></section> 網頁布局中的任意區域
有序列表ol li
無序列表ul li
自定義列表:
<dl>
<dt>列表標題</dt>
<dd>列表項</dd>
</dl>
網站結尾處一般使用自定義列表

video controls控制器 autoplay自動播放 loop循環 播放
當第一個視頻播放不了,就播放第二個,第二個播放不了,就播放第三個,兼容性更好
<video controls>
<source src="" />
<source src="" />
<source src="" />
</video>
audio音頻標簽 src路徑 controls控制器 autoplay自動播放(低版本瀏覽器不兼容) loop循環播放
可以和video的source用法一樣

前端html筆記