HTML入门笔记1

112 阅读3分钟

HTML 是谁发明的

HTML是由WEB之发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立之一种标记式语言,其中Tim Berners-Lee被称为万维网之父。他自己写了第一个浏览器,写了第一个服务器,然后还用自己的浏览器访问了自己的服务器,自己发明了WWW、HTML、HTTP和URL,是一大创举。

HTML 起手应该写什么

<!DOCTYPE html>

注意html是小写

<html lang="en">

可以改成

<html lang="zh-CN">

常用的章节标签

  • h1~h6 表示文章标题,其中h1字体最大,h6最小,常用的是h3
  • section 文章章节
  • article 文章主体部分
  • p 文章段落
  • header 表示文章头部
  • footer 表示文章头部
  • main 文章主要内容
  • aside 旁支内容
  • div 划分 可用div来进行块元素分块划分

全局属性

1、class

class 属性大多数时候用于指向样式表中的类(class)。不过,也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。

2、contenteditable

表示该内容可以被用户编辑

3、hidden

表示隐藏该标签的内容

4、id

尽量不用id命名, id 用来表示全局唯一的标签,id 的全局唯一性没有保障,就算有两个重复的 id,HTML 也不会提示写错了

5、style

可以直接用它在HTML当中来写属性样式,即Js、html和css都可以编辑属性样式,其中优先级为 js > html > css

6、tabindex

tabindex=数字(-1或者0或者任意正整数),tabindex 可以是正数,则会按顺序访问,1最先,数字不必是连续的,tabindex 可以是 0,表示最后才被 tab 访问,tabindex 可以是 -1,表示不可被 tab 访问

7、title

用于指定元素的提示文本。 当鼠标移动到元素上时,提示文本将作为工具提示(tooltip)显示出来。 若css当中有以下代码(该代码常用于文字省略操作)

white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;

则会将文字按照框框大小长度来显示,不能显示的部分会以省略号隐藏

此时加上 tltle=“全部的文字” 则可以实现用户鼠标移到对应位置便可以把全部文字浮动显示出来

常用的内容标签

1、a

网页链接

2、strong

表示强调,强调内容本身的重要性

3、em

表示强调,语气上的强调

4、code

用于表示计算机源代码或者其他机器可以阅读的文本内容。

5、pre

用于表示预格式化的文本,被包围在pre标签中的文本通常会保留空格和换行符,也就是将其文字排版、格式原封不动的呈现出来,常见应用就是用来表示计算机的源代码。

6、quote

表示引用,行内引用

7、blockquote

换行引用,块引用

额外的知识点:

font:inherit;

表示将文字设置为继承,继承上面文字样式。

&cope;

版权声明可以用