第二天：给自己做一个在线简历吧

日期

总用时

学习目标

2018.07.31

4h

了解HTML

学习目标

HTML5是什么。学习基本的HTML标签，理解HTML语义化概念

制作简历

学习内容

学习笔记

什么是HTML？

超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言

HTML标签

文档类型 已弃用，只是因为历史原因必须它必须包含在代码中。

根元素 ，这个元素包含了整个页面的内容。

头部

，这个元素可以包含你想添加的所有内容，但是不会被用户所看到。这里面包括像想被搜索引擎搜索到的关键字(keywords)和页面描述，CSS 样式表和字符编码声明等。

内容

，这个元素包含了你想让用户在访问你的页面时看到的内容，不管是文本，图像，视频，游戏，可播放的音轨或其他内容。

元类型 ，这个元素指定了你的文档需要使用的字符编码是 UTF-8 ，它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码，而且也可以避免以后可能出现的问题

标题

，这个元素设置了页面的标题，标题显示在浏览器标签页上，而且在你将网页添加到收藏夹或喜爱中时将作为默认名称

加粗

图片

src 图片路径

alt

他们是盲人或者有视觉障碍。某些有严重视觉损伤的用户经常使用屏幕阅读器来为他们读出 alt 属性里的内容

有些代码里的错误让图像不能被展示出来。举个例子，试着故意将 src 属性里的路径改错。如果你保存并且重新加载页面，你应该能在图像的位置看到：My test image

标题标签(不同于页面标题 title)

–

段落

列表

无序列表 中项目的顺序并不重要，就像购物列表。这些内容被包括在一个

• 元素里

有序列表 中项目的顺序很重要，就像一个食谱。这些内容被包括在一个

1. 元素里

列表内的每个项目被包括在一个

(list item) 元素里

链接

Mozilla Manifesto

被用来传达传统上用斜体表达的意义：外国文字，分类名称，技术术语，一种思想……

被用来传达传统上用粗体表达的意义：关键字，产品名称，引导句……

被用来传达传统上用下划线表达的意义：专有名词，拼写错误……

输入框

注释

HTML高级标签

描述列表

soliloquy

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.)

monologue

In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.

aside

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.

块引用

The HTML <blockquote> Element (or HTML Block

Quotation Element) indicates that the enclosed text is an extended quotation.

cite表示引用来源

行内引用

引文

缩略语，它常被用来包裹一个缩略语或缩写，并且提供缩写的解释(包含在title属性中)

We use HTML to structure our web documents.

联系方式

: 对保留的空格(通常是代码块)——如果您在文本中使用缩进或多余的空白，浏览器将忽略它，您将不会在呈现的页面上看到它。但是，如果您将文本包含在

标签中，那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。

: 用于标记具体变量名。

: 用于标记输入电脑的键盘(或其他类型)输入。

: 用于标记计算机程序的输出。

标记时间和日期

20 January 2016

结构化网站的标签

标题: .

导航栏: .

主要内容: , 具有代表性的内容段落主题可以使用 , , 和