歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  小白前端學習日記(一)認識前端
 
  事不宜遲,趕快進行三個基本能力中相較來說最簡單的HTML的學習吧!
 
  在編寫HTML時我們們首先要寫出以下代碼。
 
  不要被這一大長串嚇到,在VSCode編譯器中html文件第一行打出“!”便會自動得到這些代碼。我們來認識一下這些標簽都是什么。
 
  HTML文件第一行必須是DTD(Document Type Definition
 
  ,文檔類型聲明),不寫DTD會引發瀏覽器的一些兼容問題。
 
  標簽對,將標簽對和標簽對放入其中,lang屬性為網頁語言,英語為en,中文為zh。
 
 
  注意:head標簽對和body標簽對需要在html標簽對中縮進
 
  標簽對中是網頁的配置,而并非網頁頭部
 
  head標簽對中為設置字符集,標簽為元標簽,表示網頁的基礎配置;
 
  UTF-8為制作網頁所使用的字符集,與gb2312的區別可參考下圖。
 
  在中的中書寫網頁的標題,文字會顯示在瀏覽器的標簽欄上。title也是搜索引擎收錄網站時顯示的標題,所以我們需要合理的設置title以吸引用戶的點擊。
 
  使用meta標簽設置網頁關鍵詞和描述,name屬性非常關鍵,用來設置meta的具體功能。
 
  標簽對中用來寫網頁的主要內容,包括網頁頭部,內容,頁腳等等。
 
  HTML叫做“超文本標記語言”,超文本標記就是標簽,這些標簽擁有不同的功能。
 
  標簽通常成對兒出現;但meta標簽為單標簽,只有起始標簽。
 
  標簽可以給文字設置不同的“語義”。
 
  實際顯示效果如圖。
 
  搜索引擎非??粗貥撕灥膬热?,應該將重點內容比如網頁的logo等放到中以加大其權重。標簽一般只能放置一個,否則會被搜索引擎視為作弊。
 
  六級標題雖然很像普通文本進行了加粗,但不應該僅僅為了加粗而使用標簽對。
 
 
  在網頁中顯示的效果如圖。
 
  div是英語division“分割”的縮寫,標簽對用來將相關的內容組合到一起,以和其
 
  他內容分割,使文檔結構更清晰。最重要的一點是,它可以結合CSS使用,實現網頁的布局,這種布局形式叫做“DIV+CSS”。
 
  div標簽對的應用是html中非常重要的知識點。
 
  書寫代碼時,我們需要寫好注釋使日后再閱讀代碼或者他人閱讀代碼提供提示。
 
  為了在書寫“<”“>”等符號時不被當作標簽,我們需要使用轉義字符來表示它們。
 
  在網頁中顯示的效果如圖。
 
  通過此次的學習,我們認識了HTML骨架,標題標簽,段落標簽,div標簽,注釋寫法與部分轉義字符寫法。下次的學習內容將會是列表標簽和多媒體語義化標簽。

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h61642.shtml

久久天天躁狠狠躁夜夜躁2020