HTML入门笔记1

181 阅读1分钟

HTML 是谁发明的:

Tim Berners-Lee,李爵士,英国计算机科学家,于1990年左右发明了HTML

HTML起手应该写什么

<!DOCTYPE html>                           <!--文档的类型 让浏览器知道你写的是html类文档-->
<html lang="en">               <!--html使用的语言为英文一般改为中文<html lang=”zh-CN”>-->
<head>                     <!--head一般放一些看不见的比如说<style></style>-->
    <meta charset="UTF-8">             <!--文件的字符编码-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--禁用缩放-->
    <title>Document</title>                    <!--标题-->
</head>                        <!--页面的头部-->
<body>                             <!--页面的主题-->
    
</body>
</html>

常用的表章节的标签有哪些,分别是什么意思(h1~h6、section、article、main、aside 等等)

  • h1-h6: 标题---h1字体最大,h6字体最小

  • section: 章节

  • artical: 文章

  • p: 段落

  • header: 头部

  • footer :脚部

  • main: 主要内容

  • aside: 旁支内容

  • div: 划分

全局属性有哪些

  • class: 给你的标签分一个类,作用标记

  • contenteditable: 可编辑的内容,可以在output(页面上可以编辑了)

  • hidden: 让一个东西看不见,可以用css挽回

  • id: 给你的标签分一个类,作用标记,和class相似

  • style: 样式

  • tabindex: 页面上所有可交互的地方都可用tabindex 对于那些没有鼠标

  • title: 完整的内容

  • ellipsis: 省略号

常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)

  • ol + li: order list 有顺序的列表(不能含有除了li之外的子元素)

  • li: 列表中的一项

  • ul + li: 无顺序列表

  • dl + dt +dd:描述

  • pre:html会把内容缩成一个空格,被pre包裹的代码块内可以有多个空格

  • hr: 分割线

  • br: 换行,中断打断

  • a: 超链接

  • em: 强调语气很重要

  • strong: 强调内容很重要

  • code: code标签内的代码,是等宽的

  • quote: 行内引用

  • blockquote: 块级引用