HTML入门笔记1

cherbimmy
159 阅读2分钟

1.HTML是谁发明的

  • 1990年左右 Tim Berners-Lee （李爵士）发明了 html (HyperText Mark-up Language)(超文本标记语言)

2.HTML起手式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>

该段是一种申明，申明文档类型

<html lang="en">

该段为一种属性，一般表明语言，中文一般会改为:

<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

head子元素内的内容不会出现在页面上，写的是看不见的元素，

<meta charset="UTF-8">

表示一种编码，建议不要更改，更改后容易出现乱码

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

此段是为了防止页面缩放，必须要有

<title>Document</title>

title内显示文章标题

  • body内即为内容，后面阐述

3.常用的表章节的标签有哪些，分别是什么意思

  • h1~h6 标签

表示文章标题，h1-h6分别表示不同层级

  • section 标签

表示新的章节

  • article 标签

表示文章

  • main 标签

表示主要内容

  • header 和 footer 标签

表示顶部和底部内容

  • aside 标签

旁支内容，一般用于导航

  • div 标签

用于做一个简单的划分

4.全局属性有哪些

  • class 标签

用于给标签分类加样式，可以加多个

  • contenteditable 标签

可以使你的元素变为可编辑的，可以用来做自己的编辑器

  • hidden 标签

可以让任何东西看不见

  • id 标签

也可用于给标签分类加样式，但是id属性是全局唯一的

  • style 标签

用于加样式

  • tabindex 标签

可以使内容变为可交互的（使用TAB交互）

  • title 标签

用于显示完整的内容

5.常用的内容标签有哪些，分别是什么意思

  • ol+il 标签

表示有顺序列表，需要组合使用

  • ul+li 标签

表示无顺序列表，需要组合使用

  • dl+dt+dd 标签

描述列表，dt描述对象，dl描述内容

  • pre 标签

用于保留空格，回车，tab等字符

  • hr 标签

水平分割线，用于划分之前和之后

  • br 标签

用于换行

  • a 标签

用于超链接，后面会着重讲

  • em 标签

表示强调，语气上的强调

  • strong 标签

也表示强调，表示对成分的强调

  • code 标签

用code标签把代码包裹起来，其中内容是等宽的

  • quote 标签

表示引用，内连样式

  • blockquote 标签

也表示引用，会换行

avatar
文章
阅读
粉丝