html做空白简历,第二天:给自己做一个在线简历吧-IFE

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

日期

总用时

学习目标

2018.07.31

4h

了解HTML

学习目标

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

制作简历

学习内容

学习笔记

什么是HTML?

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

HTML标签

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

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

头部

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

内容

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

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

标题

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

加粗

图片

My test image

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

结构化网站的标签

标题: .

导航栏: .

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

元素.

侧栏: ; 经常嵌套在 中.

页脚: .

没有特定语义的装饰元素

换行与水平分割线



· 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。

· 内联元素通常出现在块级元素中并包裹文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行:它通常出现在一堆文字之间例如超链接元素或者强调元素

待深入的知识

作业

疑问

Flag

系统的学习前端,坚持66天

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值