前端网页介绍

本文整理自：https://www.bilibili.com/video/BV1Y7411K7zz

B/S软件的结构

JavaSE C/S Client Server
B/S Browser Server

前端的开发流程

网页的组成部分

页面由三部分内容组成！

分别是内容（结构）、表现、行为。

内容（结构），是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用html 技术来展示。
表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等。一般使用CSS 技术实现
行为，指的是页面中元素与输入设备交互的响应。一般使用 javascript 技术实现。

HTML简介

Hyper Text Markup Language （超文本标记语言） 简写：HTML
HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，
通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）

创建HTML文件

（以idea的创建为例，idea下载参考链接：https://www.cnblogs.com/technicist/p/15229615.html）

1、创建一个 web 工程（静态的 web 工程）

2、在工程下创建 html 页面

第一个 html 示例：

 hello

注：Java 文件是需要先编译，再由 java 虚拟机跑起来。但 HTML 文件它不需要编译，直接由浏览器进行解析执行。

HTML 文件的书写规范

	表示整个 html 页面的开始
	头信息
 


 
标题
 

页面主体内容

 
body 是页面的主体内容
 
	表示整个 html 页面的结束

Html 的代码注释:

HTML 标签介绍

1.标签的格式:
<标签名>封装的数据
2.标签名大小写不敏感。
3.标签拥有自己的属性。

i.	分为基本属性：bgcolor="red"            可以修改简单的样式效果
ii.	事件属性： onclick="alert('你好！');"  可以直接设置事件响应后的代码。

4.标签又分为，单标签和双标签。

i.  单标签格式： <标签名 />	br 换行   hr 水平线
ii.	双标签格式: <标签名> ...封装的数据...

标签的语法：

① 标签不能交叉嵌套
正确：

早安,愷龍

错误：

早安，愷龍

② 标签必须正确关闭
i.有文本内容的标签：
正确：

早安，愷龍

错误：

早安，愷龍

ii.没有文本内容的标签：
正确：

错误：

③ 属性必须有值，属性值必须加引号

正确：

早安，愷龍

错误：

早安，愷龍

错误：

早安，愷龍

④ 注释不能嵌套
正确：

错误：

	-->

注意事项：

html 代码不是很严谨。有时候标签不闭合，也不会报错。       

个人博客本篇文章地址： 前端网页介绍