次日：给本身作一个在线简历吧-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>

次日：给本身作一个在线简历吧-IFE

次日：给本身作一个在线简历吧

学习目标

学习内容

学习笔记

什么是HTML？

HTML标签

HTML高级标签

验证html正确性

待深刻的知识

做业

疑问

Flag