教育局网站建设管理工作意见,WordPress迁移网站打不开,蓝色脚手架织梦企业网站模板,wordpress首页友情链接插件一.HTML
HTML#xff08;HyperText Markup Language#xff09;即超文本标记语言#xff0c;是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言#xff0c;而是一种标记语言#xff0c;通过一系列的元素#xff08;elements#xff09;来告诉浏览器如何…一.HTML
HTMLHyperText Markup Language即超文本标记语言是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言而是一种标记语言通过一系列的元素elements来告诉浏览器如何显示网页上的内容如文本、图片、链接、表格、列表等。
HTML 文档由一系列的标签tags组成这些标签告诉浏览器如何显示内容。标签通常成对出现例如 p 和 /p其中 p 是开始标签表示一个段落的开始而 /p 是结束标签表示该段落的结束。不过也有一些标签是自闭和的比如 img / 或 br /它们不需要结束标签。
HTML 文档的基本结构包括以下几个部分 !DOCTYPE html声明文档类型和HTML版本例如 !DOCTYPE html 表明这是一个HTML5文档。 html这个标签包裹了整个HTML文档的内容。 head包含了文档的元数据metadata如文档的标题title、字符集定义meta charsetutf-8、链接到样式表link relstylesheet hrefstyles.css和脚本文件script srcscript.js/script等。 body包含了可见的页面内容如文本、图片、视频、游戏、可交互的表单等。
下面是一个简单的HTML示例展示了这些基本结构
!DOCTYPE html
html
head meta charsetUTF-8 title我的第一个网页/title
/head
body h1欢迎来到我的网页/h1
p这是一个段落。/p /body
/html
二.CSS
CSSCascading Style Sheets即层叠样式表是一种用来为结构化文档如HTML或XML添加样式字体、间距和颜色等的计算机语言。CSS 可以控制网页的布局以及文本、颜色、字体等几乎所有外观方面的东西。通过使用CSS网页的样式和内容可以分离这使得网站的内容更加易于维护和更新。
CSS 有几个关键的特点 层叠CascadingCSS 允许来自多个源的样式信息被合并到一个文档中。这意呀着如果多个样式应用于同一个元素浏览器将按照特定的规则如重要性、源顺序和特异性来决定哪个样式将最终应用于该元素。 继承和层叠CSS 允许样式从一个元素“继承”到其他元素。这意味着如果你为某个元素设置了样式那么它的子元素在HTML结构中嵌套的元素可能会继承这些样式除非你为子元素明确指定了不同的样式。 选择器SelectorsCSS 使用选择器来指定哪些元素应该被样式化。选择器可以是基于元素名、类名、ID、属性等的简单或复杂的表达式。 样式规则Style Rules每条CSS规则由选择器和一组声明组成。声明由属性和值组成它们之间用冒号分隔整个声明用分号结束。例如color: blue; 是一条声明它指定了文本颜色为蓝色。 外部、内部和内联样式CSS 可以通过三种方式添加到HTML文档中作为外部样式表在单独的.css文件中、作为内部样式表在HTML文档的head部分中的style标签内或作为内联样式直接在HTML元素的style属性中。
下面是一个简单的CSS示例展示了如何改变HTML元素的样式
!DOCTYPE html
html
head meta charsetUTF-8 titleCSS 示例/title style /* 这是一个内部样式表 */ body { background-color: lightblue; } h1 { color: navy; margin-left: 20px; } p { color: gray; } /style
/head
body h1这是一个标题/h1
p这是一个段落。/p /body
/html
在这个示例中我们使用了内部样式表来定义HTML文档的样式。我们为body元素设置了背景颜色为h1元素设置了文本颜色和左边距为p元素设置了文本颜色。当浏览器加载这个HTML文档时它会应用这些样式从而改变页面的外观。
三.JS
JS全称JavaScript是一种高级的、解释执行的编程语言它是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。JavaScript 最初是由 Netscape 的 Brendan Eich 在1995年设计的最初命名为 LiveScript但后来 Netscape 与 Sun Microsystems 合作将其更名为 JavaScript以与 Java 语言产生关联尽管它们之间并没有编程语言的直接联系。
JavaScript 是一种广泛用于开发网页的脚本语言它可以直接嵌入 HTML 页面中并通过浏览器内置的 JavaScript 引擎执行。JavaScript 可以用来给 HTML 网页添加动态功能比如响应用户的各种操作点击、滚动、输入等、操作 DOM文档对象模型以改变页面内容、发送和接收数据到服务器通过 AJAX、控制多媒体和图形使用 HTML5 Canvas 或 WebGL等。
JavaScript 的特点包括 解释性JavaScript 是一种解释性语言这意味着它不需要预先编译成机器码即可执行。JavaScript 代码在运行时被浏览器中的 JavaScript 引擎逐行解释执行。 面向对象虽然 JavaScript 是一种基于原型的语言但它支持面向对象的编程范式允许你使用对象、类通过 ES6 中的类语法和继承等概念。 事件驱动JavaScript 允许你定义和响应 HTML 元素上的事件如点击、滚动、键盘输入等。 跨平台JavaScript 几乎在所有现代浏览器中都有支持因此它是开发跨平台网页应用程序的理想选择。 动态类型JavaScript 是一种动态类型语言这意味着变量可以在运行时改变其类型。 异步编程JavaScript 支持异步编程模式如回调函数、Promises 和 async/await这使得处理网络请求和等待长时间运行的操作变得更加容易。
JavaScript 的使用范围已经远远超出了浏览器的限制。通过 Node.jsJavaScript 可以在服务器端运行用于构建高性能的网络服务器和应用程序。此外JavaScript 还被用于开发移动应用通过 React Native、Flutter 的 JavaScript 引擎等、桌面应用如使用 Electron 框架和游戏如使用 Phaser、Three.js 等库。
