WEB开发-HTML入门学习总结
目前应用的开发都离不开前端（Web）开发，Web的应用也越来越多。我们在学习Web开发的过程，首先要学习HTML，其次在学习CSS，JavaScript，最后学习流行框架React，Vue，Angular等。
HTML全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
Web开发工具
VS Code，Sublime，EditPlus，记事本，WebStorm等。
HTML语法
-元素以开始标签起始
-元素以结束标签终止
-开始标签与结束标签之间是元素内容
-元素具有空内容
-空元素在开始标签中进行关闭
-元素可拥有属性
HTML结构
<!DOCTYPE html>
<!-- 文档标记 -->
<html lang="en">
<!-- 文档头标记 -->
<head>
<!-- 页面元信息 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 文档标题 -->
<title>Document</title>
<!-- 连接外部样式文件 -->
<link rel="stylesheet" href="">
<!-- 脚本内容或外部文件 -->
<script></script>
<!-- 样式内容 -->
<style></style>
</head>
<!-- 文档内容主体 -->
<body>
</body>
</html>基础标签
标题：由大到小 <h1></h1>，<h2></h2>，<h3></h3>，<h4></h4>，<h5></h5>，<h6></h6>
段落：<p>段落内容</p>
链接：<a href="link">文本</a>
图像：<img src="link" />
表格：<table><tr><td>row 1,cell 1</td><td>row 1,cell 2</td></tr>row 2<tr></tr></table>
列表：无序 <ul><li></li><li></li></ul>；有序 <ol><li></li><li></li></ol>
块级元素和行内元素
块元素：div，h1-h6，form，p，pre，ol>li，ul>li，dl>dd，table>tr>td，hr
行元素：span，a，br，strong，img，i，em，input，select，textarea，del，u，sup，sub
单标签
<br />、<hr />、<img />、<input />、<param />、<meta />、<link />
注释方式
<!-- 在此处写注释 --><!--条件注释-->
<!--[if IE 8]>
.... some HTML here ....
<![endif]-->HTML图形
Canvas元素
<canvas id="myCanvas" width="100" height="50"></canvas>HTML媒体
音频
<audio controls="controls">
<source src="song.mp3" type="audio/mp3" />
Your browser does not support this audio format.
</audio>视频
<video width="300" height="200" controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>HTML5新增元素
header，footer，main，nav，section，aside，article，color，date，datetime，email，month，number，range，search，tel，url，time，week
- 点赞
- 收藏
- 关注作者
评论（0）