【HTML】学习路径1-网页基本结构-标签基本语法
本系列将学习最基础的web前端知识:
HTML---CSS---JavaScripts---jQuery
四大部分学习完以后再进入到JavaWeb的知识。(后端)
然后再学习SpringBoot技术、SSM、Vue等等,
最后再讲讲实际项目开发、就业面试等内容。
第一章:下载一个自己喜欢的轻量化代码编辑器
我推荐初学者在一开始使用较为原始的开发环境,
比如我们在学习Java的时候,我们先使用了记事本+控制台编译的形式,
学到一定程度之后再换上开发工具IDEA。
学习HTML也是一样,我一开始会先使用比较简单的开发工具:Sublime Text,一个Mac平台的文本编辑器。
在Windows平台请使用notepad++!
并且选择对应的语法高亮。
对于Mac上的软件下载,我推荐浏览http://macwk.com,这绝对是一个牛逼的网站。
我不能接受有Mac(绿色)用户不知道这个网站。
第二章:编写第一个HTML文件
这就是一个最基本的HTML文件,文件后缀名是.html(.htm也可以)
最外面用<html> 和</html>包围,里面有一个head和body
<html>
<head>
<title>
我是标题
</title>
</head>
<body>
Hello World
</body>
</html>
保存文件,然后双击用浏览器打开,就可以看到我们的成果了!
我们还可以在文本编辑器中,直接右键,在浏览器中打开。
第三章:解决编码问题-无脑版
标题是乱码,本来应该显示“我是标题”。
这是一个编码问题,我们文本编辑器的编码和我们浏览器读取的编码不同导致的。
(如果你使用开发环境来编写HTML文件,可能不会出现这些问题,但是这个问题非常基础,我们必须了解,这就是为什么我们使用这样的编写方式)
解决方法很简单,我们将文本编辑器的编码和浏览器读取编码保持一致即可。
都选用同一个编码之后,网页就可以正常显示了。
后面,我们会学习更多的标签,去自动解决标签问题。
第四章:一些语法规则
1、html语法不区分大小写 2、有开始,就必须有结尾,除了一些单独的标签 3、如hr
<hr/>是那个分割线
最新文章
- iis7 64位 操作excel的一系列问题(未完待续)
- CircularSeekBar
- JS之mouseover和mouseenter
- 分享php中四种webservice实现的简单架构方法及实例(转)
- Nido.Common.Utilities.MD5类
- Handler总结
- sqlserver和Windows资源管理器争用内存
- Dijkstra堆优化学习
- 21.app后端如何高效更新内容
- Django【跨域】
- ubuntu16 mysql在线安装
- jQuery实现淘宝轮播图
- hdu 6319 Problem A. Ascending Rating (2018 Multi-University Training Contest 3 A)
- 【CSS Demo】纯 CSS 打造 Flow-Steps 导航
- Complexity and Tractability (3.44) - The Traveling Salesman Problem
- Linux操作系统(三)
- 运行SparkStreaming的NetworkWordCount实例出错:Error connecting to localhost:9999 java.net.ConnectException: Connection refused 解决办法
- LeetCode OJ:Isomorphic Strings(同构字符串)
- 理解java中的值传递与“引用传递”
- .gitignore梳理