药物的定义是 a.预防疾病的活性物质（day01-HTML01）
day01-HTML
1.JavaWeb技术体系
2.B/S软件开发架构简述
B/S架构
B/S框架 ，意思是前端（Browser浏览器 ，小程序 ，APP ，或者自己写的）和服务端（Server）组成的系统的框架结构 B/S架构也可以理解为web架构 ，包含前端 ，后端 ，数据库三大组成部分前端
前端开发技术工具包括三要素：HTML ，CSS和 JavaScript ，还有很多高级的前端框架 ，如bootstrap ，jQuery和 VUE等
前端的技术的基础都是由HTML ，CSS和 JavaScript构成的
后端
后端的开发技术工具主要有：Net ，Java ，PHP ，Go等
数据库
主流的三种关系型数据库：MySQL ，SQL server ，Oracle ，还有Nosql非关系型数据库：Redis ，Mogodb等
3.网页的组成
结构（HTML）
HTML是网页信息的载体 。内容就是网页制作者放在页面上想要让用户浏览的信息 ，可以包括文字 、图片 、视频等 。
表现（CSS）
CSS样式是表现 。就像网页的外衣 。比如 ，标题字体 、颜色变化 ，或为标题加入的背景图片 、边框等 。所有这些用来改变内容外观的东西称为表现 。
行为（JavaScript）
JavaScript用来实现网页上的特效效果 。如：鼠标滑过弹出下拉菜单 ，或鼠标滑过表格的背景颜色改变 ，还有购物网站中图片的轮换 。可以这么理解：有动画的 ，有交互的一般都是用JavaScript来实现的 。
例子
浏览器中的开发者工具快捷键 火狐：ctrl+shift+I 或者 f12 谷歌：ctrl+shift+I 或者 f12
4.HTML
4.1HTML介绍
HTML是什么？ HTML(HyperText Mark-up Language) ，即超文本标签语言（可以展示的内容类型很多） HTML文本是由HTML标签组成的文本 ，可以包括文字 、图形 、动画 、声音 、表格 、链接等 HTML的结构包括头部（Head） 、主体（Body）两大部分 ，其中头部描述浏览器所需的信息 ，而主体则 HTML的运行方式 本地运行远程访问
浏览器将请求发送到服务器 ，服务器把相应的页面返回给浏览器 ，之后浏览器将会对该页面进行解析 ，然后才能显示
使用idea编写hello.html
点击new ，再点击project ，创建新工程
在弹出的页面中点击Web ，选择web ，点击next（旧版的idea直接选择JavaScript ，在JavaScript中选择JavaScript即可）
解决IDEA2021创建static web工程时找不到static web选项的问题_
输入项目名称 ，点击finish即可
点击新创建的项目名称 ，点击new ，点击HTML File ，在弹出的窗口中输入文件名称 ，即可创建HTML文件
点击页面右边出现的浏览器图标 ，即可运行文件
注意事项和细节：
HTML文件不需要编译 ，直接由浏览器进行解析执行
可以选择的浏览器 ，是你电脑安装有的浏览器 ，如果没有安装这个浏览器 ，就会报错
4.2HTML基本结构
<!--文档类型说明 注释--> <!DOCTYPE html> <!--使用语言的地区 en表示英国美国 en-US--> <html lang="en"> <!--html头--> <head> <!--文件的字符集--> <meta charset="UTF-8"> <!--文件的标题--> <title>Title</title> </head> <!--body体 ，主体部分--> <body> <!--内容--> hello,world! </body> </html>注释的快捷键ctrl+/
4.3HTML基本标签
4.3.1在线文档HTML 教程 (w3school.com.cn)
4.3.2HTML标签/元素-说明 HTML标签用两个尖括号< >括起来 HTML标签一般是双标签 ，如<b></b> ，前一个标签是起始标签 ，后一个是结束标签 两个标签之间的文本是HTML元素的内容 某些标签称为“单标签 ” ，因为它只需单独使用就能完整地表达意思 ，如<br/> <hr/> HTML元素指的是从开始标签到结束标签的所有代码 标签使用细节标签不能交叉嵌套
标签必须正确关闭
注释不能嵌套
注释里面不能再有注释的标签
html语法不是特别严谨 ，有时候标签不闭合 ，属性不带""也不报错
4.3.3font字体标签font标签是字体标签 ，它可以用来修改文本的字体 ，颜色 ，大小（尺寸）
color属性修改颜色 face属性修改字体 size属性修改文本大小对于标签的属性 ，顺序不做要求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>font标签</title> </head> <body> <!-- - color属性修改颜色--> <!-- - face属性修改字体--> <!-- - size属性修改文本大小--> <!--应用实例：在网页上显示“北京 ” ，并修改字体为微软雅黑 ，颜色为蓝色--> <font size="40px" face="微软雅黑">北京</font> </body> </html> 4.3.4字符实体在 HTML 中 ，某些字符是预留的 。在 HTML 中不能使用小于号（<）和大于号（>） ，这是因为浏览器会误认为它们是标签 。如果希望正确地显示预留字符 ，我们必须在 HTML 源代码中使用字符实体（character entities） 。
在网页上显示一些特殊的符号 ，称为字符实体(也叫符号实体) 。
HTML 中的预留字符必须被替换为字符实体 。
注释：实体名称对大小写敏感
常用的特殊字符： < : < > : > 空格 : 例子：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 特殊字符应用实例：把<hr/>变成文本显示在页面上--> jack <hr/> <hr/> smith 一二三 </body> </html> 常用的字符实体表格：HTML 字符实体 (w3school.com.cn) 4.3.5标题标签标题（Heading）是通过 <h1> - <h6> 等标签进行定义的 。<h1> 定义最大的标题 。<h6> 定义最小的标题 。
align属性是对齐属性 left：左对齐（默认） center：居中 right：右对齐例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标题标签</title> </head> <body> <h1>标题1</h1> <h2>标题2</h2> <h3 align="center">标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6 align="right">标题6</h6> </body> </html> 4.3.超链接标签超链接是指从一个网页指向一个目标的链接关系 ，这个目标可以是另一个网页 ，也可以是相同网页上的不同位置（锚点） ，还可以是一个图片 ，一个电子邮件 ，一个文件 ，甚至是一个应用程序 。
a 标签是超链接 ，href 属性设置连接的地址 ，target属性设置哪个目标进行跳转 ，
_self表示当前页面（默认值）, _blank 表示打开新页面来进行跳转
4.3.7 4.3.8创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！