一.学习前的实践引入
1.用浏览器打开一个txt文本为以下形式
也就是说网页本质是一个文本文件
2.将txt文本改为html网页
（1）我的电脑--点击页面上面的查看--显示--文件拓展名--文件显示其拓展名
(2)将文件后缀重命名：.txt改为.html
(3)再次从网页打开便成了以下形式
如果想加图片logo，<body> 后的内容里加一个<img src=" 文件名+拓展名 "/>
二.html的概念
Hyper Text Mark-up Language超文本标记语言
超文本：不仅可显示文本，还支持链接，图片，视频等内容
标记：即标签
标记语言：通过标签描述文本结构及其他信息的符号系统
html标签列举:
html标签注意事项：
（1）html标签由尖括号包围 eg:<html> </html> <img/>
（2）标签书写形式分为双标签和单标签 eg:双标签--<body> </body>
单标签--<img/>
（3）标签可以嵌套，但不可以交叉嵌套
eg:<html> ✔ <html> ✘
<head> <head>
</head> </html>
</html> </head>
（4）标签可以包含属性 eg:<img src="logo.png"/>
src--属性名 logo.png--属性值
（5）标签不分大小写，不过一般是小写
三.基本结构
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
四.快速开发工具
1.文本编辑工具（代替记事本）
VS code 、sublime 、editplus 、notepad++ 、Ultra Edit
2.集成开发环境
web前端专用IDE：HBuilder 、WebStorm 、Dreamweaver
后端开发IDE: pycharm 、Intelli IDEA 、Visual Studio 、eclipse
扫一扫
682
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
