万维网www的发明
- 万维网 www=URL+HTTP+HTML 是由李爵士在1990年发明的 实现了输入网址就能看到网页的功能
HTML概览
- HTML的标准制定者是W3C由李爵士创立
- HTML5使用VScode排错运行 node -w3c -validator -i x.html
- HTML起手式
<!DOCTYPE html> <!--文档类型-->
<html lang="zh-CN"> <!--语言-->
<head>
<meta charset="UTF-8" /> <!--文件字符编码-->
<meta name="viewport" <!--禁止缩放 兼容手机-->
content="width=device-width,initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <!--告诉ie使用最新内核-->
<title>Document</title> <!--标题-->
</head>
<body>
<!--正文-->
</body>
</html>
- 常用的章节标签 (表示文章/书的层级)
- 标题 h1~h6
标题元素呈现了六个不同的级别的标题，h1级别最高，而h6级别最低
- 章节 section
表示一个包含在HTML文档中的独立部分 一般来说 会出现在文档大纲中
- 文章 artical
表示文档、页面、应用或网站中的独立结构 用于论坛帖子、杂志新闻文章、博客、用户提交的评论
- 段落 p
文本的段落 通常表现为一整块与相邻文本分离的文本
- 头部 header
用于展示介绍性内容，如顶部广告
- 脚部 footer
表示页脚内容 通常包含与文档相关的链接等信息
- 主要内容 main
标示文档的主体部分
- 旁支内容 aside
表示与文档页面几乎无关的部分 其通常表现为侧边栏或者标注框
- 划分 div
将内容分组
- 全局属性 (所有的标签都有的属性)
- class
当class的值存在空格时 需要使用双引号
- contenteditable
当值为true时 表示用户可在页面直接编辑该元素
- hidden
用于隐藏元素
- id
用来表示全局唯一的标签 但是唯一性没有保障
- style
设置样式
- tabindex
使用键盘导航 当值为负数时表示该元素不可访问；当值为0时表示该元素最后一个访问；当值为正数时表示该元素按顺序访问
- title
表示咨询信息文本 一般设置在省略号处所要显示的内容
- 默认css样式设置
- 内容标签
- ol+li (ordered list+list item)
有序列表
- ul+li (unordered list+list item)
无序列表
- dl+dt+dd (description list+term+data)
<dl> <!--描述列表-->
<dt>香蕉</dt> <!--被描述的对象-->
<dd>又香又甜</dd> <!--被描述的内容-->
</dl>
- pre (preview)
HTML将连续多个空格或回车或tab看成是一个空格 而使用pre标签时会保留连续多个空格或回车或tab
- hr
设置水平分割线
- br
换行
- a (anchor)
设置超链接 用户点击后 浏览器会跳转到指定的网址并且在新窗口打开
<a href="https://juejin.im/timeline" target="_blank">掘金</a>
- em (emphasis)
通常字体为斜体，表示语气上的强调
- strong
字体加粗，强调内容本身的重要性
- code
内容以带宽字体显示
- q (quote)
内联引用 代表其中的文字是引用内容
- blockquote
块级内联引用
学习方法总结
- 学会放弃体系感
- 不学常态学变态
- copy+run+modify
以上 方方老师的学习方法的确让我受益无穷！
