第二天:给自己做一个在线简历吧
日期
总用时
学习目标
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)
–
段落
列表
无序列表 中项目的顺序并不重要,就像购物列表。这些内容被包括在一个
- 元素里
有序列表 中项目的顺序很重要,就像一个食谱。这些内容被包括在一个
- 元素里
列表内的每个项目被包括在一个
(list item) 元素里链接
被用来传达传统上用斜体表达的意义:外国文字,分类名称,技术术语,一种思想……
被用来传达传统上用粗体表达的意义:关键字,产品名称,引导句……
被用来传达传统上用下划线表达的意义:专有名词,拼写错误……
输入框
注释
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 BlockQuotation Element) indicates that the enclosed text is an extended quotation.
cite表示引用来源
行内引用
引文
缩略语,它常被用来包裹一个缩略语或缩写,并且提供缩写的解释(包含在title属性中)
We use HTML to structure our web documents.
联系方式
上下标 和元素
展示计算机代码
: 用于标记计算机通用代码。
: 对保留的空格(通常是代码块)——如果您在文本中使用缩进或多余的空白,浏览器将忽略它,您将不会在呈现的页面上看到它。但是,如果您将文本包含在标签中,那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。
: 用于标记具体变量名。
: 用于标记输入电脑的键盘(或其他类型)输入。
: 用于标记计算机程序的输出。
标记时间和日期
20 January 2016
结构化网站的标签
标题: .
导航栏: .
主要内容: , 具有代表性的内容段落主题可以使用 , , 和
侧栏: ; 经常嵌套在 中.
页脚: .
没有特定语义的装饰元素
换行与水平分割线
和
· 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。
· 内联元素通常出现在块级元素中并包裹文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行:它通常出现在一堆文字之间例如超链接元素或者强调元素和
待深入的知识
作业
疑问
Flag
系统的学习前端,坚持66天