学习WEB前端开发，需要了解三把刀：HTML、CSS、JavaScript
HTML：提供最基本的web语言基础
CSS：用过Photoshop的朋友应该了解一个图层的概念，css就是实现各种页面渲染的语言，主要实现的是静态渲染
JavaScript：跟Java没有任何关系，是当今最主流的web脚本语言，主要作用是实现页面的动态化
讲到这里就顺便提一下B/S的最基本的架构图：
严格来讲B/S也属于C/S的一种，只是C变成了被广泛标准化的浏览器，浏览器自带了解释器、处理方法、API等。
今天主要跟大家分享一下HTML的基础知识
HTML（Hyper Text Mark-up Language）–超文本标记语言
简言之 它是制作万维网页面的标准语言。
charset
设置html文件使用的字符集
< html> < html/>（标签）
由“一套尖括号+标签名”组成
html:超文本标记语言，类似于xml、xhtml，是通过一个个成对的标签来进行配对，实现属性的配置，并将标签里的属性作用于被标记的内容上。
一个完整的html一般分为三部分：
< html> content < html/>：项目标签，一个html里包含首尾，范围最大的一个标签，其中标记着整个头部标签、内容标签
< head>content < head/>: 头部标签，用于页面布局
< body>content < body/>: 内容标签，页面的大部分内容都在此处编写
标签根据闭合形势分为：
1、 自闭和标签
例如 < br /> 只有一套加括号，标签不成对出现；
2、 非自闭和标签
例如 < p> content < p/> 由两套尖括号组成，标签成对出现；
根据标签属性作用域的不同又可以分为：
1、块级标签
例如< div> content< div/> 作用域为中间内容所占的整行；
2、内联标签
例如< span> content< span/>作用域为中间内容本身所占的位置；
注释
html的代码注释方式，其实是一个特殊的自闭和标签：
完整的形势为
<!-- 注释内容 --/>
其他提一个很书写规范方面的case：
自闭和标签 example: < br/>，请在本套的右尖括号“>”前面加上“/”,表示至此已闭合。为了自己和别人以后方便阅读代码;非自闭和标签
example：< p> < p/>, 成对的出现的标签，最后一个叫做闭合标签，经常有人写完第一个标签，就开始写内容了，写完内容，
就忘了闭合标签，但是在运行html时，并不报错，会显示意想不到的现象，当代码数量巨大时，排查此类错误是非常烦恼并且低级的，
请在开始学习是务必养成良好习惯；另外注意一个格式问题：标签的尖括号“<” 和标签名之间是没有空格的。 |
|
收藏
淘帖
踩
