目标
html html5
css css3
javascript es6
jquery
bootstrap
semantic-ui
vue
工具
editplus
sublime text
vscode 编辑器
免费
开源
javascript
支持各种系统
微软
插件多
eclipse
webstorm 用java编写ide web项目开发工具
hbuilder hbuilderx
html
html4
xhtml
html5
<!doctype html>
<!DOCTYPE html>
html 是什么？HyperText markup language, 标签式 元素
单标签 <input type="text" name="uname">
双标签 <div></div>
<img src="" alt="" >
文件的扩展名 1）.htm
2) .html 在这样的文件中可以编写 html 标签 css样式 javascript代码
html5 语言规范特点：
(1) 不区分大小写，建立元素名称 属性名称小写
(2) 标签不允许交叉编写，可以包含
(3) 文档基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>
<body>
</body>
</html>
(4)标签元素的属性不是必须的，不是一样，多个属性没有先后顺序。
title
style css样式
onclick 单击 js脚本
标签分类：
文本类
p
div
span
h1 h2 h3 h4 h5 h6
br 换行标签
<br>
<hr> 水平标签
转义符
网页上显示一个
<div style="color:red">我的盒子模型</div>
pre
表单 form
input
number color date email
select option
textarea
表格 table tr td th tbody thead tfoot
列表 ul ol dl
li dt dd
框架 iframe 内嵌框架
frame
frameset
图像 img
<img src="" alt="" title="">
<img src="" alt="教育">
gif
png
jpg
webp
alt 用于搜索引擎收录，如果图片丢失损坏，使用此文字代替
视频 video
音频
audio
超链接 a href="" title="" target="_blank abc" iframe name="abc"
a name
http://localhost:3344/web/html/07.html
http://192.168.0.103:3344/web
google.cn
mi.com
jd.com
语义标签
<input type="search">
header <div id="header">
</div>
<header>
</header>
footer
nav
article
section
article
aside
<div id="header">
</div>
<div id="footer">
</div>
emmet
只提高html 和 css代码编写速度
