web前端

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset='utf-8'>
      <title>我的第一個網頁</titile>
</head>
<body>
      <!--
          &實體的名字;
          <  &lt;
          >  &gt;
          空格 &nbsp;
          版權符號 &copy;
      -->
      a &lt; b &gt; c
      (a小于b大于c)

      <p>
         今天學前端了好難啊<br/>
      </p>

      <h1>一個網頁只能有一個(h1)</h1>
      <h6>一共有6級標題</h6>
      <img src="圖片路徑" alt="圖片名稱" width="圖片寬度" height="圖片高度">
</body>
</html>

1.<!DOCTYPE html>

<!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。

2.<html></html>標簽

<html>
<head>
    這里是文檔的頭部...
</head>

<body>
    這里是文檔的主體...
</body>
</html>

3.<html></html>定義和用法

此元素可告知瀏覽器其自身是一個 HTML 文檔。

<html> 與 </html> 標簽限定了文檔的開始點和結束點,在它們之間是文檔的頭部和主體。正如您所了解的那樣,文檔的頭部由 [<head> 標簽](tag_head.asp "HTML <head> 標簽")定義,而主體由 [<body> 標簽](tag_body.asp "HTML <body> 標簽")定義。

4.<meta charset='utf-8'>

編碼方式
在 HTML 中,<meta> 標簽沒有結束標簽。

5.<title></title>標簽

<title> 元素可定義文檔的標題。

瀏覽器會以特殊的方式來使用標題,并且通常把它放置在瀏覽器窗口的標題欄或狀態(tài)欄上。同樣,當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時,標題將成為該文檔鏈接的默認名稱。
提示:<title>是<head>標簽中唯一要求包含的東西

6.<p></p>標簽

<p>標簽定義段落

7.<h1>到<h6>標簽

<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
<h4>這是標題 4</h4>
<h5>這是標題 5</h5>
<h6>這是標題 6</h6>
<h1> - <h6> 標簽可定義標題。<h1> 定義最大的標題。<h6> 定義最小的標題。

8.<font></font>

<font> 規(guī)定文本的字體、字體尺寸、字體顏色。
<font size="3" color="red">This is some text!</font>

前端三大塊

1.結構

2.表現

3.行為

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,791評論 2 19
  • 一、HTML、XML、XHTML 有什么區(qū)別 (一)定義: html即是超文本標記語言,是最早寫網頁的語言,但是由...
    Zuo_鳴閱讀 576評論 0 1
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,861評論 1 19
  • 有的人,一句承諾,用一生用生命去守護,即便受到不公的待遇。 這就是一個平凡人不平凡的一生,偶有抱怨,但是終是堅持,...
    愛看云朵閱讀 395評論 0 0
  • 回顧 DeepLearning筆記:機器學習和深度學習的區(qū)別 對話深度學習1:Neural Networks 神經...
    Kidult閱讀 1,774評論 1 0

友情鏈接更多精彩內容