html+css第一课——HTML简介_html++js+css+visual+介绍-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43265746/article/details/106787519

一、前端工程师技能

HTML CSS JavaScript
JQuery 网络 CSS3 H5 es6 webpack4.0 git 小程序
设计模式 VUE VUEX VUE源码 React Node.js MongoDB 数据库

二、目前使用的编辑器

1、sublime Text

Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等。

http://www.sublimetext.com/3

2、Visual Studio Code

https://visualstudio.microsoft.com/zh-hans/vs/older-downloads/

三、HTML基础标签

HTML（hyper Text markup language）超文本标记语言

<meta charset="utf-8">

如果我们的页面使用了汉字，需要定义字符编码为utf-8，否则会乱码。

<html lang="en">

<meta content="关键字" name="keywords">

<meta content="描述" name="description">

告诉搜索引擎爬虫，我们的网站关于什么的内容；en是英文，zh是中文。

1、<p>标签

p标签（this is paragraph）段落标签，文章成段出现

2、容器

<div></div>
<span></span>

容器的最大特点：结构化，绑定化

3、空格

空格在编程里面不是我们认为的空格的功能，举一个例：汉字在页面中浏览器是会识别的，因为一个汉字就是一个汉字。而英文字不是的，它可以一个字母是一个单词，很多字母也可是一个单词，所以浏览器无法识别。这个时候空格就起到了很大的作用了。空格把每个单词分隔开使浏览器更好识别。所以空格是——文字分隔符

4、HTML编码

HTML编码有很多，但是常用的这几个。

  < >

5、换行

<br>

6、分割线

<hr>

7、有序列表

<ol type="disc" reversed="reversed" start="1">
    <li></li>
    <li></li>
    <li></li>
</ol>

<ol>(order list) 有序列表，type以什么排序，reversed倒序，start从第几个开始

8、无序列表

<ul type="disc">
    <li></li>
    <li></li>
    <li></li>
</ul>

<ul>(unorder list) 无序列表，type的常用值还有square，circle。