HTML入门笔记1

332 阅读1分钟

HTML入门笔记1

HTML是谁发明的

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言。HTML的发明者是李爵士,英文名:Tim Bergers -Lee。

HTML 起手应该写什么

<!DOCTYPE html>
<!-- 表示文档类型 -->
<html lang="en">
  <!-- 表示语言类型 -->
  <head>
    <meta charset="UTF-8" />
    <!-- 表示文件的字符编码格式  -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 表示当前页面显示在IE浏览器里的时候,IE浏览器会默认成最新内核 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 表示页面的视窗禁止缩放 -->
    <title>Document</title>
  </head>
  <body></body>
</html>

常用的表章节的标签有哪些

  • h1-h6 标题
  • section 章节
  • article 文章
  • p 段落
  • header 头部
  • footer 尾部
  • aside 旁支、分支
  • div 划分
  • main 主要内容

全局属性

  • class 给元素设置标记
  • contenteditable 表示该元素可以被编辑
  • hidden 隐藏元素
  • id HTML中给元素设置标记,全页面唯一即可使用id 建议不到万不得已不要使用id,id不报错 允许2个以上id javaScript可以直接调用id设置的元素
  • style 在元素中添加,可以改变样式
  • tabindex 控制tab按键的相应顺序
  • title 鼠标悬浮的时候显示完整的内容

常用的内容标签

  • ul+li无序列表
  • ol+li有序列表
  • dl+dt+dd 描述列表。dt表示描述对象,dd表示描述内容
  • a超链接
  • hr分隔线
  • br换行
  • em强调文本
  • strong加重
  • code默认情况下, 它以浏览器的默认等宽字体显示
  • pre如果想保留空格,回车,tab,那么就需要用pre包裹起来