阿里云企业网站怎么收费,网站建设新手教学视频,哪里做公司网站比较好,怎么制作网站封面目录 一、web标准二、什么是HTML三、什么是CSS四、什么是JavaScript 黑马JAVAWeb飞书在线讲义地址#xff1a;
https://heuqqdmbyk.feishu.cn/wiki/LYVswfK4eigRIhkW0pvcqgH9nWd 一、web标准
Web标准也称网页标准#xff0c;由一系列的标准组成#xff0c;大部分由W3C
https://heuqqdmbyk.feishu.cn/wiki/LYVswfK4eigRIhkW0pvcqgH9nWd 一、web标准
Web标准也称网页标准由一系列的标准组成大部分由W3CWorld Wide Web Consortium万维网联盟负责制定。它主要包括三个组成部分 HTML负责网页的结构页面元素和内容。HTML是一种标记语言用于定义网页的内容和结构如标题、段落、列表等。 CSS负责网页的表现页面元素的外观、位置等页面样式如颜色、大小等。CSS是一种样式表语言用于控制网页的布局和样式使网页看起来更美观。 JavaScript负责网页的行为交互效果。JavaScript是一种编程语言用于实现网页上的动态效果和交互功能如响应用户操作、动画效果等。
通过这三种技术的结合使用可以创建出结构清晰、样式美观且具有交互性的网页。
二、什么是HTML
什么是HTML
HTMLHyperText Markup Language是一种超文本标记语言。它主要用于创建和设计网页内容。
超文本
超文本超越了普通文本的限制比普通文本更强大。除了文字信息还可以定义图片、音频、视频等内容。 例如你可以使用HTML在网页中插入图片、播放音频或视频甚至嵌入其他网页。
标记语言
标记语言由标签标签名构成的语言。 HTML中的标签通常成对出现如p和/p用于表示段落img用于插入图片等。这些标签告诉浏览器如何显示页面上的内容。HTML语法参考网站 示例代码
!DOCTYPE html
html
headtitle我的第一个HTML页面/title
/head
bodyh1欢迎来到我的网站/h1p这是一个简单的HTML页面。/pimg srcexample.jpg alt示例图片audio controlssource srcexample.mp3 typeaudio/mpeg您的浏览器不支持音频元素。/audiovideo controls width320 height240source srcexample.mp4 typevideo/mp4您的浏览器不支持视频元素。/video
/body
/html!DOCTYPE html声明文档类型为HTML5。htmlHTML文档的根元素。head包含文档元数据如标题。title设置页面的标题。body包含页面的实际内容。h1一级标题。p段落。img插入图片。audio插入音频文件。video插入视频文件。
通过这些标签HTML可以创建丰富的网页内容并且可以通过CSS和JavaScript进一步增强页面的功能和样式。
HTML标签的特点
不区分大小写HTML标签在书写时不区分大小写但建议使用小写。属性值的引用HTML标签的属性值可以使用单引号或双引号两者都可以。语法结构松散HTML的语法结构相对松散但这并不意味着可以随意书写。为了代码的可读性和规范性建议遵循一定的书写规范。
三、什么是CSS
CSSCascading Style Sheet是一种层叠样式表用于控制网页的样式表现。它允许开发者定义页面元素的外观如颜色、字体、布局等从而使得网页内容更加美观和易读。
主要特点
样式控制CSS可以控制HTML元素的样式包括颜色、字体、边框、背景等。分离内容与样式通过将样式从HTML内容中分离出来CSS使得网页更容易维护和更新。层叠性多个CSS规则可以层叠在一起浏览器会根据优先级决定最终应用哪个规则。继承性子元素会继承父元素的部分样式属性。
示例代码
/* CSS 样式 */
body {background-color: lightblue;
}h1 {color: navy;margin-left: 20px;
}p {font-family: verdana;font-size: 20px;
}!DOCTYPE html
html
headtitle我的第一个CSS页面/titlestylebody {background-color: lightblue;}h1 {color: navy;margin-left: 20px;}p {font-family: verdana;font-size: 20px;}/style
/head
bodyh1欢迎来到我的网站/h1p这是一个使用CSS样式的HTML页面。/p
/body
/htmlbody设置整个页面的背景颜色为浅蓝色。h1设置一级标题的颜色为海军蓝并且左边距为20像素。p设置段落的字体为Verdana字体大小为20像素。
通过这些CSS样式可以有效地控制网页的外观使其更加美观和专业。 四、什么是JavaScript
JavaScript简称JS是一门跨平台、面向对象的脚本语言主要用于控制网页行为实现页面的交互效果。JavaScript和Java是完全不同的语言不论是概念还是设计但基础语法类似。
组成 ECMAScript 规定了JavaScript基础语法核心知识包括变量、数据类型、流程控制、函数、对象等。 BOMBrowser Object Model 浏览器对象模型用于操作浏览器本身如页面弹窗、地址栏操作、关闭窗口等。 DOMDocument Object Model 文档对象模型用于操作HTML文档如改变标签内的内容、改变标签内字体样式等。
示例代码
HTML 文件 (index.html)
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleJavaScript Example/title
/head
bodyh1 idgreetingHello, World!/h1button onclickchangeGreeting()Click Me!/buttonscriptfunction changeGreeting() {var greeting document.getElementById(greeting);greeting.innerHTML Welcome to JavaScript!;}/script
/body
/htmlHTML 结构 页面包含一个标题 h1 和一个按钮 button。标题的 id 属性设置为 greeting以便在JavaScript中引用。 JavaScript 代码 定义了一个函数 changeGreeting()。使用 document.getElementById(greeting) 获取标题元素。使用 innerHTML 属性更改标题的内容。 事件处理 按钮的 onclick 属性绑定到 changeGreeting() 函数。当用户点击按钮时会触发该函数从而更改标题的内容。
