这节课正式入门了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: 块级引用
本节完
网友评论