本系列将学习最基础的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/>是那个分割线

【HTML】学习路径1-网页基本结构-标签基本语法的更多相关文章

  1. 【HTML】学习路径4-align对齐-标签属性

    每个标签都可以设置各种属性,比如可以给一个段落标签添加一个name的属性: <p name="段落标签1"> 这一节我们学习一个属性:align对齐标签 第一章:ali ...

  2. python爬虫 | 一条高效的学习路径

    数据是创造和决策的原材料,高质量的数据都价值不菲.而利用爬虫,我们可以获取大量的价值数据,经分析可以发挥巨大的价值,比如: 豆瓣.知乎:爬取优质答案,筛选出各话题下热门内容,探索用户的舆论导向. 淘宝 ...

  3. 从零开始学习html（二）认识标签(第一部分)——上

    一.语义化,让你的网页更好的被搜索引擎理 学习html标签过程中,主要注意两个方面的学习:标签的用途.标签在浏览器中的默认样式. 标签的用途:我们学习网页制作时,常常会听到一个词,语义化. 那么什么叫 ...

  4. Java学习路径及练手项目合集

    Java 在编程语言排行榜中一直位列前排,可知 Java 语言的受欢迎程度了. 实验楼上的[Java 学习路径]中将首先完成 Java基础.JDK.JDBC.正则表达式等基础实验,然后进阶到 J2SE ...

  5. HTML5的新结构标签

    在之前的HTML页面中,大家基本上都是用了Div+CSS的布局方式.而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个Div内的内容是文章内容容器,或者是导航模块的容器,或者是作者介绍的容器等等.也 ...

  6. JavaWeb学习笔记（九）—— JSTL标签库

    一.JSTL概述 1.1 什么是JSTL  JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...

  7. SSM(spring mvc+spring+mybatis)学习路径——1-1、spring入门篇

    目录 1-1 Spring入门篇 专题一.IOC 接口及面向接口编程 什么是IOC Spring的Bean配置 Bean的初始化 Spring的常用注入方式 专题二.Bean Bean配置项 Bean ...

  8. web前端开发学习路径图

    第一阶段 WEB前端工程师课程 HTML语句,HTML页面结构.css语法.style属性.link和style标签.id属性.等HTML语句中的相关属性: 通过Dreamweaver制作出跨越平台限 ...

  9. .NET平台技术体系梳理+初学者学习路径推荐+我们的愿景与目标

    文章出自:http://www.cnblogs.com/ice-river/p/3475041.html 一 .NET平台技术体系梳理 .NET平台应用领域众多(桌面开发,web开发,移动开发),不断 ...

随机推荐

  1. vscode远程调试c++

    0.背景 最近在学习linux webserver开发,需要在linux下调试自己的C/C++代码,但是linux下不像在windows下,直接Visio Studio或者其它集成开发环境那么方便,现 ...

  2. HMS Core 视频编辑服务开放模板能力，助力用户一键Get同款酷炫视频

    前言 短视频模板,是快捷创作短视频的一种方式,一般由专业设计师或模板创作人制作,用户只需替换视频模板中的部分素材,便可生成一支与模板一样的创意视频.这种省时省力.无需"烧脑"构思创 ...

  3. VR技术赋能五大领域，不止高级，更高效！

    除了VR游戏.VR影视作品,究竟还有哪些产业领域会应用到VR技术并为生活带来改变呢?今天就帮大家好好梳理一下~ VR赋能交通,不只是高级 最近在网上看到了VR考驾照的新闻,网友都赞叹,现在学车都这么高 ...

  4. 5G的发布加快了智慧城市/三维物联网等行业的发展

    最近很多人发现自己的5G手机突然没了5G信号,难道是美国搞的鬼? 不不不,这其实是因为5G的NSA基站被撤站了,官方已经做了部署,要大力推进SA网络建设.所以之前支持NSA模式的5G手机,现在都成了4 ...

  5. FTP安装及使用

    通过网络传输数据的手段 1. ssh 2. http 3. nfs 4. rsync 5. ftp 6. samba ftp的简介: 1. ftp是应用层协议,是基于TCP 2. 使用21端口 FTP ...

  6. Windows 启动过程

    引言 启动过程是我们了解操作系统的第一个环节.了解 Windows 的启动过程,可以帮助我们解决一些启动的问题,也能帮助我们了解 Windows 的整体结构. 以下内容将分为[加载内核].[内核初始化 ...

  7. 使用Navicat创建存储过程（顺带插入百万级数据量）

    一.建表 DROP TABLE IF EXISTS `test_user`; CREATE TABLE `test_user` ( `id` bigint(20) PRIMARY key not nu ...

  8. 记一次 .NET 差旅管理后台 CPU 爆高分析

    一:背景 1. 讲故事 前段时间有位朋友在微信上找到我,说他的 web 系统 cpu 运行一段时候后就爆高了,让我帮忙看一下是怎么回事,那就看吧,声明一下,我看 dump 是免费的,主要是锤炼自己技术 ...

  9. 5.RDD操作综合实例

    一.词频统计 A. 分步骤实现 1.准备文件 (1)下载小说或长篇新闻稿 (2)上传到hdfs上 2.读文件创建RDD 3.分词 4. ·排除大小写lower(),map() ·标点符号re.spli ...

  10. Tapdata 实时数据融合平台解决方案（五）：落地

    作者介绍:TJ,唐建法,Tapdata 钛铂数据 CTO,MongoDB中文社区主席,原MongoDB大中华区首席架构师,极客时间MongoDB视频课程讲师. 通过前面几篇文章,我们从企业数据整合与分 ...