HTML入门笔记1

195 阅读2分钟

HTML简史:

HTML的全称是超文本标记语言(Hypertext Mark-up Language),可以做出网页的框架,是于1990年被Tim Berners-Lee正式提出的,同时他也写出了第一个浏览器与服务器。

写一个HTML最基础的开始:

1html入门笔记1-1.jpg 在vscode中,只需输入“!+ tap”就可以得到一个最基础的html框架,包括了文档类型、语言类型、文件字符编码、head标签和body标签。 head标签包括了网页的元信息、标题、链接等等,比如meta标签、title标签、link标签等等。 body标签是网页内容的正文部分,大部分工作需要在body标签中进行。

常用的表章节的标签:

标签一般写法是

<element>内容</element> 
<element>  <!-- 单标签 -->              

分为双标签和单标签。

  • 标题:h1 ~ h6 (默认h1字体最大,依次缩减)
  • 章节:section (表示一段章节)
  • 文章:article (表示一篇文章)
  • 段落:p (表示一个段落)
  • 头部:header (一般表示整个网页或区域的头部,可以设置导航也可以加入广告)
  • 脚部:footer(表示整个网页或区域的脚部内容,一般设置版权信息)
  • 主要内容:main (表示主体内容)
  • 旁支内容:aside (表示旁支内容)
  • 划分:div (一般没有语义,代表内容的一个区域,一般用来划分)

全局属性:

全局属性代表着所有html标签都可以使用的属性,常用的有下面几个:

  • class(类)
  • contenteditable(内容可编辑)
  • hidden(隐藏)
  • id(唯一的,一般不要使用,在JavaScript中唯一但是在html里不唯一)
  • style(样式)
  • tabindex(表示用tab键可以聚焦到相关的区域,用赋予的数字区分)
    1. 赋予正整数(可以不连续),按顺序遍历
    2. 赋予0,最后遍历到
    3. 赋予负整数(一般是-1),表示遍历到但是不聚焦
  • title (提示信息)

常用的内容标签:

  • ol + li 有序列表
  • ul + li 无序列表
  • dl + dt + dd 带描述的列表
  • pre 保留格式
  • hr 水平线
  • br 换行
  • a 链接
  • em 斜体强调
  • strong 加粗强调
  • code 代码
  • quote 引用
  • blockquote 大段引用