1. 程式人生 > >前端學習--第二天

前端學習--第二天

前端學習第二天

HTML是什麼,HTML5是什麼?

html指的是超文字標記語言,用來描述網頁,html5是html第五次的修訂版,語言更加具有語義化,能更好的被機器閱讀,提供更多的媒體接入。

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

html是一種描述網頁內容的一門語言,html文件由標籤、網頁內容、標籤屬性構成,其中網頁內容通過標籤來進行標記;標籤有兩種,
1、成對出現的標籤如:

 <p>我是一個段落</p>

由開始標籤、結束標籤組成;
2、單獨出現的標籤:

  <br>下一行

只有一個開始標籤;
3、標籤屬性又叫做標籤的特性,是為了給標籤提供更多的資訊

<p class="name">我是一個段落</p>

class="name"就是P標籤的一個class屬性;

文件型別是什麼概念,起什麼作用?

在網際網路上存在著很多不同的文件型別,瀏覽器通過不同的文件型別,來選擇相應的軟體來進行開啟,只有準確的在頁面上確定html版本,瀏覽器才能準確無誤的開啟,如<!dotype html>。

meta標籤都用來做什麼的?

meta標籤是html語言一個重要的標籤,通常位於 <head> 標籤裡用來描述一個html網頁文件的屬性,比如作者、日期、時間、網頁描述、關鍵字、頁面重新整理等。

 如 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

其作用是指定了當前文件所使用的字元編碼為gb2312,也就是中文簡體字元。根據這一行程式碼,瀏覽器就可以識別出這個網頁應該用中文簡體字元顯示

Web語義化是什麼,是為了解決什麼問題?

簡單的來說就是讓機器可以讀懂網頁內容,將內容本身的語義合理的表達出來,內容與表現分離,正確的標籤去幹正確的事情。

連結是什麼概念,對應什麼標籤?

<a>標籤,通過標籤可以連結到其他網頁

 如:  <a href="http://www.baidu.com">百度</a>

小例子:簡歷

<!DOCTYPE html>
<html>
<head>
<title>個人簡歷</title>
</head>
<body>
<h1>簡歷<h1>
<ul>
<li><p>教育背景</p>
   <ul>
    <p>2013.9-2017.6         **大學           電子商務(本科)</p>
    <li>基本會計、統計學、市場營銷、財務管理、市場調查與預測、網路經濟學、西方經濟學、戰略管理、經濟法、計算機應用等</li>
   </ul>
</li>
  <li><p>社團經歷</p>
    <ul>
     <p>2013.9一2014.6       維權中心                  幹事</p>
     <li>負責維權中心日常事務,微博宣傳,協調與其他各部門工作</li>
     <li>策劃多次校級活動,其中的維權晚會獲得校會表揚</li>
     </ul>
  </li>
  <li><p>實習經歷</p>
     <ul>
     <p>2014.9一2014.9       聯通鄭州大學分公司             副組長</p>
     <li>負責營銷方案的策劃及實施</li>
     <li>超額完成公司“過半”任務,獲得公司表揚</li>
     </ul>
  </li>
  <li><p>獎項證書</p>
    <ul>
     <li>獲“優秀青年志願者”稱號一次</li>
     <li>獲“優秀團員”稱號三次</li>
	 <li>獲“三好學生”稱號一次</li>
	 <li>CET-4</li>
    </ul>
  </li>
  <li><p>個人技能</p>
    <ul>
     <li>熟悉使用office等辦公軟體</li>
     <li>熟悉ps切圖工具</li>
	 <li>熟悉sublime軟體,html/css,js等前端程式語言</li>
	 <li>能熟練建站**</li>
    </ul>
  </li>
  <li><p>自我評價</p>
    <ul>
     <li>我是電子商務專業,對管理,營銷,網際網路推廣方面有自己看法</li>
     <li>親和力比較強,善於和陌生人打交道</li>
	 <li>善於傾聽,為他人著想,更好為客戶提供服務</li>
	 <li>個性開朗,比較容易相處,團隊榮譽感強</li>
    </ul>
  </li>
</ul>
</body>
</html>