• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    html5從基礎到實踐

    Hbuilder(其他也可以,好比Dreamever等)

    方式/步調

    1. 1

      四大元素:head、title、meta、body

      title:瀏覽器窗口題目欄中顯示的文本。

      meta:描述網頁特征,好比字符集,還與網頁搜刮優化等相關。

      8cb1cb134954092337defe509d58d109b3de496d.jpg
    2. 2

      body:在body標簽之間的是網頁的本家兒體部門。在此中輸入的都可以在網頁中顯示出來。

      到這里,我們已經可以做一個簡單的小網頁了,你可以把你想要的文字在網頁中顯示出來。

      在編纂器中編寫后用瀏覽器打開。

      838ba61ea8d3fd1fe74169143f4e251f95ca5f50.jpg
    3. 3

      題目元素:

      -- ,合理的利用題目,可以讓網頁更易被拜候。

      包在題目元素里的文本被視作是一塊內容。此中

      的文字最大,然后依次減小。

      注重:題目元素不克不及寫在頭部。

      我們在本家兒體中輸入,結果如圖:

      5bafa40f4bfbfbed4e66fc5177f0f736afc31fe5.jpg
    4. 4

      段落元素:

      包含在此中的內容就是一個段落。

      這時,你可能發現所有文本都是左對齊,關于這個問題,我們會在后面用css來對齊。

      下面連系題目進行實踐,如圖:

      86d6277f9e2f0708210c1f2fe624b899a901f297.jpg
    5. 5

      這時辰你可能發現它并沒有像我們預期的那樣,也就是說它應該在某個處所換行的可是它沒有。

      解決法子就是添加換行元素:
      ,顧名思義,就是在該換行的處所插手這個元素。

      注重
      是單標簽。

      添加后結果如圖:

      060828381f30e924b4e4a91e43086e061d95f758.jpg
    6. 6

      最后,介紹幾個常用的短語元素:

      :加粗顯示。

      :斜體顯示。

      :出格主要。凡是以加粗顯示。

      :強調,凡是以斜體顯示。

      最后附上之前而結果代碼:

      94cad1c8a786c917d3a96716c63d70cf3bc75772.jpg
    • 發表于 2019-09-10 17:00
    • 閱讀 ( 754 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆