HTML入门

111 阅读2分钟

今天大概过了一遍html标签,然后记录一下大致内容。

谁发明了HTML

Tim Berners Lee发明了HTML,之后他被授予爵士勋章,后人称他为李爵士。

如何创建一个HTML页面

可以在桌面新建一个文件,然后将后缀名改为html格式,这样你就得到一个html页面。或者在VScode(也可其它编辑器)中输入英文感叹号,这样也可以得到一个标准的html页面。

有哪些常见的表示章节的标签

1.标题:h1~h6他们字体默认加粗和加黑,字体依次减小。

2.章节:section,可以表示某一部分。

3.段落标签:p 表示一个段落

4.头部:header,顾名思义,表示头部。

5.底部:footer,顾名思义,表示底部。

6.主要内容:main,顾名思义,表示主要内容。

7.旁边内容:aside,表示边栏内容。

8.块:div,无实际意义,用来划分一块一块的区域。

9.文章:article,表示装一些文字内容。

全局属性

全局属性表示所有标签都有的属性。

  • class,类。可以通过设置class来操作元素样式等。
  • id,类似身份证作用,具有唯一性。但一般不常用,若两个元素设置同一个id会有问题,但编辑器不会报错。
  • contenteditable,表示这一块区域可被修改,用户在页面中也能修改
  • style,设置css属性,用来美化页面。
  • title,鼠标移到这个元素上,可显示在title中设置的文字。
  • tabindex,用来用tab操作页面。且有一定的特殊值,负数:不访问。0:最后访问。其余从小到大依次访问

常见标签

  • pre,用原来的样式显示内容,比如古诗,歌词等。
  • hr:分割线
  • br:换行
  • a,链接,href中写地址,也可设置target中的值来是否在新标签页中打开
  • em,强调用法,主要强调语气
  • strong,强调用法,强调内容
  • code,表示内容是代码,可以自定义是什么语言
  • quote,引用,表示行内引用
  • blockquote,表示块级引用
  • ul 无序列表,ul后面跟li元素,表示列表中的一行
  • ol 有序列表,ol后面跟li,表示列表中的一行
  • dl 描述列表,后面跟dt和dd。dt表示被描述的物体和东西,dd表示具体的描述内容。