什么是HTML
html全称 Hyper Text Markup Language，是一种标记语言（markup language）
html文档是由标签构成的，有的标签是成对的、有的标签是单独的。
下图为初始化的html文件（sublime text版）
*******************************************************************************************
************************************************************************************************************************
说到这里，简单提一下，前端开发时用的编译器
第一个就是我喜欢的sublime text
第二个就是我周围人经常用的VS code
第三个是 WebStorm
还有DW（dreamwave）、HBuilder、Atom、Brackets等
还有好多编译器我就不在这里说了，详细的介绍我会在其他的文章里介绍的
****************************************************************************************************************************************************
对于前端初学者而言，基础一定要打好。
而前端的基础无外乎HTML、CSS、Javascript，
HTML控制页面的内容、css控制页面内容的样式、javascript（也就是js）控制页面的功能及效果。
****************************************************************************************************************************************************
下面我就来说说HTML的基础语法
基本标签
DOCTYPE 声明了文档类型
<html> 标签描述了文档类型，该标签的结束标志为 </html>
<body> 标签定义文档的主体，即网页的可视化内容，该标签的结束标志为 </body>
<h1> 标签作为一个标题使用，该标签的结束标志为 </h1>
<p> 标签作为一个段落显示，该标签的结束标志为 </p>
*****************************************************************************************************
******************************************************************************************************
其中<html>标签是文档的根标签，所有的代码内容都要写在根标签中。
<body>中主要是网页的主要主题内容
head标签中有好多东西可以详细的跟大家说，我会专门写文章集中详细的说明一下的
--------------------------------------------------------------------------------------------------------------------------------------------------------------
常见标签：
1.<meta>
<meta charset ="UTF-8">
编码字符集：UTF-8、gb2312、gbk
2.<title>
用来设置网页的头文案
位于<head>中
3.<p>
段落标签
浏览器会自动地在段落前后添加空行
4.<h1>、<h2>、<h3>、<h4>、<h5>、<h6> (标题标签)
网页效果图
*********************************************************************
******************************************************************************
5.<strong>
加粗标签
其实<b>标签也有同样的效果，但是呢，现在更强调html的语义化，所以用<strong>比较好
6.<em>
斜体标签
<i>也有同样的效果，同上道理，用<em>更好
7.容器标签/盒子标签<span>、<div>
<span>非独占一行
<div>独占一行
HTML可以通过<div><span>将元素组合起来
8.<br>
换行标签 单标签
9.<hr>
水平线标签 单标签
10.<ol>
例子：
效果：
type = "a/ A/ I/ i/ 1" 按照属性排序
reversed = "reversed" 逆序排序
type = "1" start = "5" 从第5位开始排序
*******************************************************************************************************
11.<ul>
无序列表标签
12.<img>
<img src="" alt="" title="">
src 图片的地址 可以是网上引用的url，可以是本地引用的绝对路径，可以是本地引用的相对路径
alt 是当图片加载失败时，显示的文字
title 是图片的提示文字
13.<a>
<a href=""></a>
14.锚点
<div id="only" style=""></div>
<a herf = "#only"></a>
当用户点击a标签链接时会跳转到div的位置
15.表格标签<table>
现阶段table标签不常用了，因为table标签是要在table里面的元素全部下载完了之后统一加载，这样就造成了加载慢的缺点
16.特殊编码
18.插入字<ins>
例子：
效果：
********************************************************************************************
19.表单input、form、textarea、label、select、option、button
input
这个标签有很多属性，如下图所示
form
表单标签
form主要的两个属性就是action 和method
textarea
文本域标签
例子：
效果：
label
label 元素不会向用户呈现任何特殊效果。
不过，它为鼠标用户改进了可用性。
如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
select、option
例子：
效果：
button
20.框架iframe
一种很常见的网页嵌入方式
虽然iframe有它的缺点 比如说会增加服务器的http请求、移动设备兼容性差、不利于搜索引擎优化，
但是有点也是很吸引人的，
a.实现长连接，在websocket不可用的时候作为一种替代
b.跨域通信
c.历史记录管理
d.实现无刷新文件上传
等等
21.颜色
各大互联网公司元素色
拿走不谢
淘宝：#FF6908
百度：#101AC9
京东：#F81C1E
知乎：#0C87CB
网易：#BF0216
瓜子二手车：#25A93C
百度外卖：#25A93C
今日头条：#FC1A1E
大众点评：#FD8002
支付宝：#00A0EA
饿了么：#33AAFA
爱奇艺：#90BB45
乐视：#E01C20
滴滴：#F6A925
小米：#FF4D03
闲鱼：#FFD948
微信：#05BC0C
360：#43930C
************************************************************************************************************************************************************************
文章结束 撒花✿✿ヽ(°▽°)ノ✿
8541
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
