HTML(超文本标记语言):
-
基本结构: HTML文档的基本结构包括
<!DOCTYPE>,<html>,<head>, 和<body>标签。 -
标签和元素: HTML使用标签来定义文档的结构和内容。标签通常成对出现,包括开标签和闭标签。标签之间的内容称为元素。
-
常见标签:
<h1>-<h6>:标题标签,表示不同级别的标题。<p>:段落标签,用于文本段落。<a>:超链接标签,创建链接到其他页面或资源。<img>:图像标签,用于插入图片。<ul>:无序列表标签。<ol>:有序列表标签。<li>:列表项标签。<div>:块级容器标签,用于组织和布局内容。<span>:内联容器标签,通常用于样式化文本的一部分。
-
表单和输入元素: 使用
<form>标签创建表单,可以包含文本输入、复选框、单选按钮等输入元素。 -
HTML5新特性: 包括语义化标签(如
<header>,<nav>,<article>,<footer>等),多媒体元素(如<audio>和<video>),本地存储(localStorage和sessionStorage),Canvas绘图等。
CSS(层叠样式表):
-
选择器: 用于选择HTML元素并为其应用样式。常见选择器包括类选择器(
.class)、ID选择器(#id)、标签选择器(tag)等。 -
样式属性: 通过属性设置元素的样式,如
color(文字颜色)、font-size(字体大小)、background(背景颜色)等。 -
盒模型: 描述了元素如何在页面上占用空间,包括内容、内边距、边框和外边距。
-
布局: CSS可以控制页面布局,如使用
position属性进行定位,使用display属性控制元素的显示类型,使用float进行浮动布局等。 -
响应式设计: 使用媒体查询(
@media)根据不同的屏幕大小和设备类型应用不同的样式,实现响应式页面设计。
JavaScript:
-
变量和数据类型: JavaScript中的变量用于存储数据。常见的数据类型包括数字、字符串、布尔值、数组、对象等。
-
操作符和表达式: JavaScript支持各种操作符,如算术操作符、比较操作符、逻辑操作符等。表达式由操作数和操作符组成。
-
条件语句: 使用
if、else if和else来执行基于条件的不同操作。 -
循环结构: 使用
for、while等循环来重复执行代码块,实现迭代操作。 -
函数: 使用
function关键字定义函数,函数可以接受参数并返回值。 -
DOM操作: 使用Document Object Model(DOM)可以通过JavaScript操作和修改网页的结构和内容。
-
事件处理: JavaScript可以响应用户交互,如点击、输入等事件,通过添加事件监听器来执行相应的代码。
-
AJAX: 异步JavaScript和XML(AJAX)允许在不重新加载整个页面的情况下与服务器进行数据交换。
-
ES6和模块化: ECMAScript 6(ES6)引入了许多新特性,如箭头函数、模板字符串、
let和const关键字、模块化等。