简简单单HTML

151 阅读2分钟

学习它之前简单了解下它相关的一些小知识:

  • WWW 的中文翻译是 万维网 www = URL + HTTP + HTML,www就是万维网 world wide web
  • Tim Berners-Lee,李爵士 是www的发明者 当然他写了第一个浏览器,写了第一个服务器,同时发明了HTML、HTTP和URL (一波66666 膜拜大佬)

认识一下HTML(超文本标记语言)

首先英语不好的童鞋看一下这里:

image.png 颇为神奇的英语小技巧 背不会 你打我

HTML的起手式:

<html lang="en"> //经常写为zh-CN对应中文简体
<head>
  <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"> //禁止缩放
  <title>Document</title>  //标题
</head>
<body>
</body>
</html>

HTML 常用的表示章节的标签有很多 比如:

<h1> - <h6>

这是h1

这是h2

这是h3

这是h4

这是h5
这是h6

效果十分明显 可以自己尝试一波

  • HTML 段落是通过标签 <p> 来定义的。
  • 章节标签一般使用section
  • 文章标签一般使用article
  • 头部标签一般使用header
  • 脚部标签一般使用footer
  • 主要内容一般使用main
  • 旁支内容一般使用aside
  • 如果还想划分的话可以使用div盒子划分

全局属性

首先说明一下全局属性有哪些:

  • class
  • contenteditable
  • hidden
  • id
  • style
  • tabindex
  • title 比较简单 就直接罗列啦 如果不懂 可以 mdn一下

常用的几个属性

(有很多说一下自己认为常用几个)

  1. ol+li 有序列表 1.2.3......
  2. ul+li 无序列表 全部都是一个小黑点
  3. dl+dt+dd 进行一个描述 比如自我介绍
  4. pre 想使用空格的时候 可以用一下这个标签
  5. a 添加超链接
  6. em 表示语气上的强调
  7. strong 表示内容本身的强调
  8. q 引用内容标签