Day 01网页开发基础

学习目标:

1.HTML技术

2.CSS技术

3.Java Spcript基础

学习内容:

1.HTML技术

HTML简介:HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的资源Internet连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音等。

超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(www)盛行的原因之一,其主要特点如下: 

  1. 简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。 

  2. 可拓展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。 

  3. 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。 

  4. 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

扫描二维码关注公众号,回复: 13267817 查看本文章

2.CSS技术

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力

CSS样式的四种引用方法

行内式引用方法。

直接通过div标签,添加style属性,并设置样式,实现css对页面的布局,这种方式很简单,但对于大型页面来说使用起来过于繁琐。CSS样式的四种引用方法;

内嵌式引用方法。

将style样式放在head标签内,通过在内部定义div和h2的样式,然后在body标签内部实现引用,这种方法相对而言比较整洁,便于整理和维护。

链入式引用方法。

先创建css文件,定义div等网页样式然后在html文件中通过link标签进行引用,在link标签中添加href属性,调用css文件,实现引用,这种方法是目前网页开发中最常用的方式。

3.Java Spcript基础

DOM相关知识

DOM是 Document Object Model(文档对象模型)的简称,是W3C组织推荐的处理可扩展标
志语言的标准编程接口,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。
W3C中将DOM标准分为3个不同的部分:核心DOM、 XML DOM和 HTML DOM,其中,
核心DOM是针对任何结构化文档的标准模型, XML DOM是针对XML文档的标准模型,而HTML
DOM是针对HTML文档的标准模型。由于本章中主要讲解的是网页开发的基础知识,而主要涉
及的DOM内容就是 HTML DOM,所以本节将主要介绍 HTML DOM的知识。
HTML DOM模型被构造为对象的树,该树的根节点是文档( Document)对象,该对象有
个 umentElement的属性引用,表示文档根元素的 Element对象。HTML文档中表示文档根
元素的 Element对象是<hm>元素,<head和<body>元素可以看作树的枝干。

JavaScript概述

JavaScript是一种基于对象和事件驱动的脚本语言,在客户端执行。虽然它是作为开发web页面的脚本语言而出名的,但是在很多非浏览器环境中也使用JavaScript

在前端,通过javascript可以实现更多的页面交互,与后台的数据交互,以及更为丰富的网页效果。在后台,借助node的运行环境,使用javascript一门语言,即可完成服务器端开发,我们会在后续的章节中讲解如何使用JavaScript做服务端开发,本章主要内容仍然面向前端开发。

JavaScript的数据类型

JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等。

2020080605009

猜你喜欢

转载自blog.csdn.net/m0_54241777/article/details/121432068