1.什么是HTML?
HTML 指的是超文本标记语言 (Hyper Text Markup Language),是一种标记语言,能表现如文字、视频、音频、程序等复杂元素。
2.什么是标签
标签对的组成:标签名、属性(名值对)、内容。
例如: <a href="www.baidu.com">百度</a>
3.几个重要的标签
3.1表格标签 table
<table border="1">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</tbody>
</table>
3.2表单标签 form
action:submit 操作执行的请求地址
method:指定请求的类型 get/post
-
form 表单提交是不一定要通过 submit 操作的,可以通过 AJAX 请求序列化表单(serialize())的方式完成表单数据的提交。(AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台)
-
通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。
4.标签的语义:
- H1/H2/H3 表现大纲级别
- div/span/p 表现布局
- 使用带语义的标签可以让搜索引擎快速的进行收录
- 虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS样式去控制
<style>
.hstyle {
display: block;
font-size: 2em;
font-weight: bold;
}
</style>
<h1>标题1</h1>
<span class="hstyle">标题1</span>
5.关于浏览器
- 浏览器就是能解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境。
- 我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其Firefox/Chrome我们称之为标准浏览器,最符合W3C组织定义的相关技术规范。
如果没有一个规范定义,为了迎合不同厂商的浏览器,程序员将为此付出沉重的代价。但是即便
如此,不同的浏览器之间还是有些细微的差异的,这个一般是前段开发要注意的问题,要考虑浏览器的兼容性。
我们一般使用360、搜狗都是基于某个浏览器内核深度改造的。
6.CSS
层叠样式表:元素样式可以通过多种方式进叠加。
本身HTML 元素是不具备样式的,但是在不定义样式的情况下,不同的标签也能表现不同的显示样式,原因是浏览器对不同的标签是有个默认样式的。
样式选择器:id(#),class(.),标签(p,spam,div)
7.JavaScript
-
对于编程语言的认识:
一门成熟的编程语言应该具备:变量、数据类型、运算符、控制语句(顺序结构、分支结构、循环结构)、自成体系的 API。 -
JavaScript 的作用
- 业务逻辑处理
- 对 DOM 进行操作(DOM : Document Object Model):通过事件驱动页面模型发生变化(DOM 树中元素的增删改查,特别是改:改内容,改样式),JavaScript 能操作 DOM 的原因在于 JavaScript 实现了 DOM 相关操作的接口,能满足对 DOM 的操作。
7.1重点:
JavaScript 是弱类型语言,而且书写是比较随意的。
- 弱语言体现在变量是没有准确的数据类型定义。通过 var 关键字定义。
/ 动态类型,随值的变化而变化
var flag = 'abc';
flag = 12;
flag = true;
flag = {name : 'Tom'};
flag = function() {
alert("Hello,JavaScript");
}
- 关于 JavaScript 的判断条件
- 在条件表达式中,数字0和非0也可以表现为false和true
- 分支结构的三种表示方式
- 三目运算符是需要熟练掌握的,其本质就是个表达式
var age = 20;
var str = age >= 18 ? '成年' : '未成年';
console.log(str);