药物的定义是 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版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！