《HTML入门笔记1》

2022-07-04 本文已影响0人饥人谷_折纸大师

这节课正式入门了HTML的相关知识，本篇博客将总结HTML是谁发明的、起手式、表章节标签、全局属性、内容标签的相关知识。

1.HTML是谁发明的

首先先讲一下www的概念，www=URL+HTTP+HTML
HTML之父是Tim Berners-Lee人称李爵士在1990年左右发明的，实现了用自己发明的浏览器访问自己构建的服务器。

2.HTML起手式应该写什么

用Emmet感叹号来实现，具体操作为！+tab

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body></body>

</html>

其中除了

<html lang="en">

可以改成

<html lang="zh-CN">

title标签标题可以随便改其他内容不建议修改
起手式各行含义：

<!DOCTYPE html>

这句是文档类型

<meta charset="UTF-8" />

这句是文件的字符编码

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

这句是告诉ie使用最新的内核

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

这句是禁用缩放兼容手机

3.常用的表章节的标签以及他们的含义

h1~h6 标题
section 章节
article 文章
p 段落
header 头部
footer 脚部
main 主要内容
aside 旁支内容
div 划分
下图是运用上述标签的例子：

截屏2022-07-04 12.45.02.png

4.全局属性

全局属性是所有标签都有的属性

class ：是给标签标记用于分类
注：.class名表示含有该class名的所有标签
contenteditable ：表示可以被用户直接编辑
hidden：隐藏，但可以被css挽回
id ：与class类似用来表示全局唯一的标签，但是id 的全局唯一性没有保障，就算有两个重复的 id，HTML 也不会提示我写错了。此外可用js直接调用该id的元素但是有些词是禁忌。所以建议不到万不得已不用id
style ：在标签内更改样式，优先级高于css并且可以通过js设置但是js可以覆盖它的效果优先级最高
tabindex ：控制tab的顺序 0是最后一个 -1不访问不必是连续的
title：鼠标浮上去显示内容

5. 常用的内容标签

ol+li：有序列表和列表中的一项（ol中只能有li）
ul+li：无序列表和列表中的一项
dl+dt+dd： dl是描述列表 dt是描述对象 dd描述内容
pre:保留空格回车tab的操作
hr: 水平分割线
br: 换行
a: 超链接标签
em: 表示语气上的强调
strong: 表示内容本身的重要性
code: 里面的内容是等宽的一般用pre标签包含code标签
quote: 行内引用
blockquote: 块级引用
本节完