次日：給本身作一個在線簡歷吧-IFE

時間 2019-12-05

標籤次日本身一個在線簡歷 ife 简体版

原文原文鏈接

次日：給本身作一個在線簡歷吧

日期	總用時	學習目標
2018.07.31	4h	瞭解HTML

學習目標

HTML5是什麼。學習基本的HTML標籤，理解HTML語義化概念
製做簡歷

學習內容

學習筆記

什麼是HTML？

超文本標記語言 (英語：Hypertext Markup Language，簡稱：HTML ) 是一種用來結構化 Web 網頁及其內容的標記語言html

HTML標籤

文檔類型 <!DOCTYPE html> 已棄用，只是由於歷史緣由必須它必須包含在代碼中。
根元素 <html>，這個元素包含了整個頁面的內容。
頭部 <head>，這個元素能夠包含你想添加的全部內容，可是不會被用戶所看到。這裏麪包括像想被搜索引擎搜索到的關鍵字（keywords）和頁面描述，CSS 樣式表和字符編碼聲明等。
內容 <body>，這個元素包含了你想讓用戶在訪問你的頁面時看到的內容，不論是文本，圖像，視頻，遊戲，可播放的音軌或其餘內容。
元類型 <meta charset="utf-8">，這個元素指定了你的文檔須要使用的字符編碼是 UTF-8 ，它包括了很是多人類已知語言的字符。基本上 UTF-8 能夠處理任何文本內容。咱們沒有任何理由不去設定字符編碼，並且也能夠避免之後可能出現的問題
標題 <title>，這個元素設置了頁面的標題，標題顯示在瀏覽器標籤頁上，並且在你將網頁添加到收藏夾或喜好中時將做爲默認名稱
加粗 <strong>
圖片 <img>前端
```
<img src="images/firefox-icon.png" alt="My test image">
```
- src 圖片路徑
- altweb
  - 他們是盲人或者有視覺障礙。某些有嚴重視覺損傷的用戶常用屏幕閱讀器來爲他們讀出 alt 屬性裏的內容
  - 有些代碼裏的錯誤讓圖像不能被展現出來。舉個例子，試着故意將 src 屬性裏的路徑改錯。若是你保存而且從新加載頁面，你應該能在圖像的位置看到：My test image
標題標籤（不一樣於頁面標題 title）瀏覽器
```
<h1>–<h6>
```
段落 <p>
列表編輯器
- 無序列表中項目的順序並不重要，就像購物列表。這些內容被包括在一個 <ul> 元素裏
- 有序列表中項目的順序很重要，就像一個食譜。這些內容被包括在一個<ol>元素裏
- 列表內的每一個項目被包括在一個 <li> (list item) 元素裏

連接ide

<a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a>

<i> 被用來傳達傳統上用斜體表達的意義：外國文字，分類名稱，技術術語，一種思想……
<b> 被用來傳達傳統上用粗體表達的意義：關鍵字，產品名稱，引導句……
<u> 被用來傳達傳統上用下劃線表達的意義：專有名詞，拼寫錯誤……
輸入框 <input type="text" >
註釋

HTML高級標籤

描述列表學習

<dl>
  <dt>soliloquy</dt>
  <dd>In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd>
  <dt>monologue</dt>
  <dd>In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
  <dt>aside</dt>
  <dd>In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.</dd>
</dl>

塊引用網站

<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
  <p>The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block
  Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
</blockquote>

cite表示引用來源搜索引擎

行內引用 <q>
引文<cite>
縮略語<abbr>，它常被用來包裹一個縮略語或縮寫，而且提供縮寫的解釋（包含在title屬性中）編碼
```
<p>We use <abbr title="Hypertext Markup Language">HTML</abbr> to structure our web documents.</p>
```
聯繫方式<address>
上下標 <sup>和<sub>元素

展現計算機代碼

<code>: 用於標記計算機通用代碼。
<pre>: 對保留的空格（一般是代碼塊）——若是您在文本中使用縮進或多餘的空白，瀏覽器將忽略它，您將不會在呈現的頁面上看到它。可是，若是您將文本包含在<pre></pre>標籤中，那麼空白將會以與你在文本編輯器中看到的相同的方式渲染出來。
<var>: 用於標記具體變量名。
<kbd>: 用於標記輸入電腦的鍵盤（或其餘類型）輸入。
<samp>: 用於標記計算機程序的輸出。

標記時間和日期

<time datetime="2016-01-20">20 January 2016</time>

結構化網站的標籤

標題: <header>.
導航欄: <nav>.
主要內容: <main>, 具備表明性的內容段落主題可使用 <article>, <section>, 和 <div> 元素.
側欄: <aside>; 常常嵌套在 <main> 中.
頁腳: <footer>.

沒有特定語義的裝飾元素
```
<div>和<span>
```
換行與水平分割線
```
<br> 和<hr>
```

· 塊級元素在頁面中以塊的形式展示 —— 相對與其前面的內容它會出如今新的一行，其後的內容也會被擠到下一行展示。塊級元素一般用於展現頁面上結構化的內容，例如段落、列表、導航菜單、頁腳等等。一個以block形式展示的塊級元素不會被嵌套進內聯元素中，但能夠嵌套在其它塊級元素中。
· 內聯元素一般出如今塊級元素中幷包裹文檔內容的一小部分，而不是一整個段落或者一組內容。內聯元素不會致使文本換行：它一般出如今一堆文字之間例如超連接元素<a>或者強調元素<em>和 <strong>