<th id="ik4gr"><pre id="ik4gr"></pre></th>
<rp id="ik4gr"></rp>
    <dd id="ik4gr"></dd>

  1. <rp id="ik4gr"><object id="ik4gr"><blockquote id="ik4gr"></blockquote></object></rp>
      <rp id="ik4gr"></rp>
        <button id="ik4gr"><acronym id="ik4gr"></acronym></button>
      1. <rp id="ik4gr"><object id="ik4gr"><input id="ik4gr"></input></object></rp>
        1. 杭州嵌入式培訓
          達內杭州嵌入式培訓中心

          13175137725

          Web前端基礎知識之HTML基礎

          • 時間:2019-03-21 10:02
          • 發布:轉載
          • 來源:網絡

          想要學習Web前端開發技術的小伙伴都知道,想要學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什么的:

          1. HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。

          2. CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。

          3. JavaScript是用來實現網頁上的特效效果。如:鼠標滑過彈出下拉列表。或鼠標滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這么理解,有動畫的,有交互的一般都是用JavaScript來實現的。

          Web前端開發基礎知識之HTML基礎

          那么下面我們重點來說一說HTML基礎知識

          HTML 指的是超文本標記語言(Hyper Text Markup Language)

          HTML 不是一種編程語言,而是一種標記語言 (markup language)

          標記語言是一套標記標簽 (markup tag)

          HTML 使用標記標簽來描述網頁

          一、HTML標簽

          HTML 標簽是由尖括號包圍的關鍵詞,比如<html>

          HTML 標簽通常是成對出現的,標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          Web前端開發基礎知識之HTML基礎

          標簽與標簽之間是可以嵌套的,但先后順序必須保持一致,如:<div>里嵌套<p>,那么</p>必須放在</div>的前面。

          Web前端開發基礎知識之HTML基礎

          二、HTML基本結構

          一個HTML文件是有自己固定的結構,如下所示:

          <html>

          <head>...</head>

          <body>...</body>

          </html>

          代碼講解:

          1. <html></html>稱為根標簽,所有的網頁標簽都在<html></html>中。

          2. <head>標簽用于定義文檔的頭部,它是所有頭部元素的容器。頭部元素有<title>、<script>、<style>、<link>、<meta>等標簽。

          3.在<body>和</body>標簽之間的內容是網頁的主要內容,如<h1>、<p>、<a>、<img>等網頁內容標簽,在這里的標簽中的內容會在瀏覽器中顯示出來。

          在head中設置網頁標題和字符集編碼

          <head>

          <title>這里是標題</title>

          <meta charset="utf-8"/>

          </head>

          三、HTML段落標簽

          如果想在網頁上顯示文章,這時就需要<p>標簽了,把文章的段落放到<p>標簽中。

          <p>段落</p>

          <p>標簽的默認樣式,段前段后都會有空白。

          四、HTML換行標簽

          如果希望在不產生一個新段落的情況下進行換行(新行),請使用<br />標簽:

          <p>This is<br/>a para<br/>graph With line breaks</p>

          五、HTML標題

          標題標簽一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據重要性遞減。<h1>是最高的等級。

          語法: <hx>標題文本</hx> (x為1-6)

          題標簽的樣式都會加粗,h1標簽字號最大,h2標簽字號相對h1要小,以此類推h6標簽的字號最小。一個標題標簽要獨占一整行。

          以上就是小編今天為大家分享的關于Web前端開發基礎知識之HTML基礎的知識。希望對大家有所幫助。

          預約申請免費試聽課

          怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

          上一篇:干貨:百度SEO關鍵詞優化排名技巧大全
          下一篇:嵌入式沒有前途了,這是真的嗎?

          高薪運維工程師都具備哪些特性?

          大學畢業生參加嵌入式培訓班好就業嗎?

          新人如何選擇嵌入式培訓機構?

          學習沒進步、工作沒方法,你也這樣嗎?

          • 掃碼領取資料

            回復關鍵字:視頻資料

            免費領取 達內課程視頻學習資料

          • 視頻學習QQ群

            添加QQ群:1143617948

            免費領取達內課程視頻學習資料

          Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

          選擇城市和中心
          江西省

          貴州省

          廣西省

          海南省

          香蕉视频在线一级a做爰片免费观看视频 欧美成年性色生活片 百度 好搜 搜狗
          <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>