web 前端（1）

1.web技术介绍
回顾：javase,mysql,jdbc,dao设计 --console控制台
web技术：
html 搭建网页结构
css 修饰网页样式
JavaScript 增加网页的动态效果，提高用户交互性和用户体验
web框架：可视化echarts，bootstrap框架，vue框架 。。。。。

几个概念：
网站由一个或者多个网页组成
网页由文字，图片，链接，动画，视频，音频，文件等组成
浏览器 解析网页内容的一种工具。 主流浏览器：ie,chrome谷歌,firefox火狐,oprea欧朋,safira苹果

2.html介绍
html:搭建网页结构，超文本标记语言（Hyper Text MarkUp Language）
文档类型声明：html5版本

头部标签
编码格式
标题

内容标签

3.html基本标签
(1)文字标签

…

段落标签

…

标题标题 h1，h2,h3 h4 h5 h6
… 文字居中标签

  …

文字格式预定义

 <b>加粗</b>
 <i>斜体</i>
 <strong>着重，加粗</strong>
 <u>下划线标签</u>  
 <font face="楷体" color="red">字体标签</font>
 
 <sup>上浮标签</sup>
 <sub>下沉标签</sub>
 
     x<sup>5</sup>
     H<sub>2</sub>O
     
     &reg;  注册
     &copy; 版权
     10&gt;9  大于
     
     3&lt;5  小于
     
     hello&nbsp;&nbsp;&nbsp;world   空格
     
     人民币 8888.88&yen;  人民币单位

4.图片

图片路径：
   （1）绝对路径：盘符：/文件夹/文件   （不推荐）	
   （2）相对路径：相对于网页所在的路径
        同级目录下的文件，直接用文件名访问
		不同级：上级 ../
		        下级  /

5.超链接
…
目标位置：网址，相对路径任意文件
target取值： _self 在本页面打开（默认）
_blank 在新页面打开
_top 在top窗口中打开
_parent 在父窗口打开

超链接定位功能
  源链接 <a href="#目标链接的id值"></a>
  目标链接 <a id="值"></a>