【学习笔记】HTML基础知识复习总结

HTML概述

什么是html

超文本标记语言 超文本标记语言

html为标记性语言

HTML不是一门编程语言,而是一门标记语言,因为HTML是由多种的元素组成,这些元素可以包含文本,超链接等不同的内容。

html发展历史

自1993年之后HTML出现真正意义上的第一版,发展到至今,经历了5个大版本的更新和迭代。具体每个版本发布的时间如下:

html基本结构

首先创造的是后缀法定.html .htm

<!-- 声明为html 告诉浏览器这个html-->
<!DOCTYPE html>
<!-- 
html 根元素
head 头部
body 主体内容
-->
<html lang="en">

<head>
  <!-- 编码 -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- 网站标题 -->
  <title>Document</title>
</head>
<!-- 内容 -->
<body>
  <!-- 开始标签 内容 结束标签 -->
  <h1>内容区</h1>
</body>

</html>

【学习笔记】HTML基础知识复习总结

html两种形态

封闭状态
<div>文本内容</div>
空元素
<input type="text">

html标签

【学习笔记】HTML基础知识复习总结

【学习笔记】HTML基础知识复习总结

html元素属性

【学习笔记】HTML基础知识复习总结

HTML元素的属性可以划分为以下4种:

  1. 标准(通用)属性:HTML元素几乎都具有的属性,例如id,name,style和class属性等。
  2. 专有(私有)属性:HTML中某些元素特有的属性,例如“元素的动作属性等。
  3. 事件属性:用来为HTML元素注册DOM事件的属性,例如onclick属性等。
  4. 自定义属性:第三方框架中为了完成某个特定功能而定义的属性,例如Vue框架的v-if属性等。

html头部

头元素

标题元素
<!--网站标题-->
<title>Document</title>
基本元素
<base target="_blank" href="http://www.example.com/">
链接元素
<!--引入外部元素-->
<link href="link-element-example.css" rel="stylesheet">
风格元素
<!--内嵌样式表-->
<style type="text/css">
    body {
      color:red;
    }
</style>
元元素
<!--编码-->
<meta charset="UTF-8">
脚本元素
<!--js-->
<script type="text/javascript">
    console.log('打印一个测试信息.');
</script>
noscript元素
<!--浏览器关闭的时候执行的-->
<noscript>
    <a href="http://www.example.com/">这是一个链接</a>
</noscript>

肉元素

meat元素的常用用法如下所示:

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义网页作者:

<meta name="author" content="KingJ">

每30秒中刷新当前页:

<meta http-equiv="refresh" content="30">

HTML5版本定义编码格式:

<meta charset="UTF-8">

定义HTML页面的视口:

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

html注释

【学习笔记】HTML基础知识复习总结

上一篇

【学习笔记】css基础知识复习总结