ife 第二天 關於HTML的一些內容

任務鏈接:http://ife.baidu.com/course/detail/id/36?t=1525867970850#learn

今天的任務是在codepen上用html寫的一個簡歷,內容還是非常簡單的,但是內容還可以進一步的深入研究。

代碼鏈接:https://codepen.io/lxylxylxys/pen/rvJwzE  

大三找實習中,所以信息真實的,雖然很菜,希望有大牛可以指導一下。


轉到正題,回答問題*灰色字體爲查找資料後補充

  • HTML是什麼,HTML5是什麼

        HTML超文本標記語言,主要負責網頁的結構,通過標籤來構建網頁結構。HTML5是HTML的最新版本,相比於HTML,H5增加了一些新的標籤:如header,nav,footer,article,aside...還增加了canvas(畫布),可以實現繪圖功能。HTML5對於語義化有很大幫助。

        是構成網頁文檔的主要語言。HTML文件是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML文件的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。

HTML5 中的一些有趣的新特性:

  • 用於繪畫的 canvas 元素
  • 用於媒介回放的 video 和 audio 元素
  • 對本地離線存儲的更好的支持
  • 新的特殊內容元素,比如 article、footer、header、nav、section
  • 新的表單控件,比如 calendar、date、time、email、url、search

  • HTML元素標籤、屬性都是什麼概念?

        HTML標籤是指括起內容的東西,如<h1></h1>,<p></p>...,屬性是指標籤的屬性<input type="text"></input>中type即爲屬性type="text"爲屬性

        標籤指的是單個,如<p>,元素由一個開始的標籤和結束的標籤組成,用來包含某些內容,

        HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息

        屬性總是以名稱/值對的形式出現,比如:name="value"

        屬性總是在 HTML 元素的開始標籤中規定。

<a href="http://www.w3school.com.cn">This is a link</a>

  • 文檔類型是什麼概念,起什麼作用?

        文檔類型指的是 !DOCTYPE  在html文件開頭聲明,用於說明這個html文件用的是什麼標準解析,doctype指的是html5.

        聲明幫助瀏覽器正確地顯示網頁,HTML 也有多個不同的版本,只有完全明白頁面中使用的確切 HTML 版本,瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。<!DOCTYPE> 不是 HTML 標籤。它爲瀏覽器提供一項信息(聲明),即 HTML 是用什麼版本編寫的。

  • meta標籤都用來做什麼的?

        meta標籤用於在htm頭部聲明,如編碼的方法  <meta charset="utf-8">

        以及插入關鍵詞<meta name="keywords" content="">

        文檔描述 <meta name="description" content="">

        META標籤分兩大部分:HTTP標題信息(HTTP-EQUIV)和頁面描述信息(NAME)。


  • Web語義化是什麼,是爲了解決什麼問題
        web語義化是給標籤賦予含義,讓html文件具有可讀性,減少使用span,div等沒有語義的標籤。方便機器理解,方便人理解。詳見:https://www.zhihu.com/question/20455165
  • 鏈接是什麼概念,對應什麼標籤?

         鏈接用來引入外部文件,如css js文件對於與link<link  href="c:/a/b" rel="stylesheet"></link>

        

<a href="url">Link text</a>

  • 常用標籤都有哪些,都適合用在什麼場景

        常用的標籤主要有h1-h6對應六級標題,a: 超鏈接,p:段落,ul:無序列表,ol:有序列表,div:塊元素,img:圖片....

  • 表單標籤都有哪些,對應着什麼功能,都有哪些屬性

        表單標籤有<tr><td>

        <input type="text">        <input type="password">         <input type="radio">        <input type="checkbox">         

<input type="submit">          http://www.runoob.com/html/html-forms.html

  • ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方,舉個例子

        ol是有序列表,ol包含的li會有序號標註,用於分條列舉的部分。

        ul是無序列表,應用範圍更加廣泛,可用於導航欄等部分

dl內容塊

dt內容塊的標題

dd內容

可以這麼寫:

<dl>

<dt>標題</dt>

<dd>內容1</dd>

<dd>內容2</dd>

</dl>

寫下來發現還是有很多不紮實的地方,接着努力吧!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章