准备学习工具
1.HTML 是谁发明的
1990年左右,Tim Berners_Lee(李爵士)自己写了历史上第一个浏览器,第一个服务器,然后用自己写的服务器访问了自己的服务器,发明了WWW,HTML,HTTP和URL。
- WWW(万维网)与HTML、HTTP、URL的关系?
WWW是基于客户机/服务器方式的信息发现技术和超文本技术的综合。WWW服务器通过超文本标记语言(HTML)把信息组织成为图文并茂的超文本,利用链接从一个站点跳到另个站点。
2.HTML 起手应该写什么
vscode新建一个HTML文件,输入英文“!”后按“Tab”键出现以下内容
3. 常用的表章节的标签有哪些,分别是什么意思
1. h1~h6
表示h1,h2,h3,h4,h5,h6六级标题
2. section
章节标签
3. article
文章元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
*问:那么section和article的区别是什么呢?
答:div、section、article,语义是从无到有,逐渐增强的。div无任何语义,仅仅用作样式化或者脚本化的标签,对于一段主题性的内容,则就适用section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。 原则上来说,能使用article的时候,也是可以使用section的,但是实际上,假如使用article更合适,那么就不要使用section。
4. p
表示文本的一个段落
5. header
头部元素用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。
6. footer
脚部元素表示最近一个章节内容或者根节点(sectioning root )元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
7. main
元素呈现了文档的或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
8. aside
表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框(call-out boxes)。
9. div
是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。
4. 全局属性有哪些
全局属性是所有标签都有的属性,有:
-
class是一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法(
document.getElementsByClassName)来选择和访问特定的元素。 -
contenteditable表示元素是否可被用户编辑。 如果可以,浏览器会修改元素的部件以允许编辑。
-
hidden表示一个元素尚未或者不再相关。例如,它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性,它就不会被显示。
-
id全局属性定义了一个全文档唯一的标识符 (ID)。它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。不到万不得已,不要用id
-
style包含应用到元素的CSS样式声明,要注意样式最好定义在单独的文件中。
-
tabindex表示其元素是否可以聚焦,以及它是否/在何处参与顺序键盘导航(通常使用Tab键)。
- tabindex=0,它的相对顺序是最后一个
- tabindex=-1,不能通过导航键来访问到该元素
- title包含了表示咨询信息文本,和它属于的元素相关。这个信息通常存在,但绝不必要,作为提示信息展示给用户。
5. 常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)
- ol + li有序列表
- ul + li无序列表
3. dl +dt +dd描述列表
4. pre保留所有空格,一般在写代码的时候用的比较多
eg.2
5. code呈现一段代码. 默认情况下以浏览器的默认等宽字体显示.
6. hr水平分割线
-
br换行
-
a超链接,中国人一般都加一句代码"target="_blank"
-
em强调(默认的为斜体,可以改)
-
strong强调(加粗)
- strong和em的区别:em更能表现为语气上的强调,strong表示内容本身很重要
- quote ——— blockquote两个标签都是引用,区别如下图