JavaWeb——HTML（前端基础）

---

前言

本文记录学习CSS和HTML的一些笔记及知识点

---

一、HTML

1.1概述及相关

HTML是超文本标记语言，它是用来写网页的。
超文本：顾名思义就是超越文本的限制，可以有音频视频等资源。
标记语言：它的语法语言是标签构成的。

1.1.1 C/S与B/S软件结构

• JAVA SE 是 C\S结构 , C 即为Client客户端，S为Server服务端。（客户端/服务器）
  在用户本地有一个客户端程序，在远程有一个服务器端程序。
  优点：
  1．用户体验好
  缺点：
  1.开发、安装，部署，维护麻烦

• WEB为B\S结构，B为Broswer(浏览器)，这个浏览器（Tomcat）相当于一个客户端。（浏览器/服务器）
  优点：
  1、开发、安装，部署，维护简单。
  缺点：
  1、如果应用过大，用户的体验可能会受到影响。
  2、对硬件要求过高。

B/S架构详解

资源分类
1、静态资源
使用静态网页开发技术发布的资源。
特点:
①所有用户访问，得到的结果是一样的。
②如:文本，图片，音频、视频，.HTML,cSS, Javascript
③如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源

2、动态资源
使用动态网页技术发布的资源。
特点：
①所有用户访问，得到的结果可能不一样。
②如∶jsp/servlet,php,asp…
③如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。

所以需要先学习静态资源，再学习动态资源。

静态资源：
HTML ：用于搭建基础网页，展示页面的内容
css ：用于美化页面，布局页面
Javascript ：控制页面的元素，让页面有一些动态的效果

1.2 HTML（hyper text markup language超文本标记语言）

一、快速入门语法:

1. html文档后缀名.html 或者.htm
2. 标签分为

• 围堵标签∶有开始标签和结束标签。如 < / html>.
• 自闭和标签︰开始标签和结束标签在一起。如<br/ >

3. 标签可以嵌套∶
   需要正确嵌套，不能你中有我，我中有你。
4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
5. html的标签不区分大小写，但是建议使用小写。

二、标签学习∶

1. 文件标签:构成html最基本的标签
   html: html文档的根标签
   head :头标签。用于指定html文档的一些属性。引入外部的资源
   title :标题标签。
   body :体标签
   <! DOCTYPE html> : html5中定义该文档是html文档
2. 文本标签∶和文本有关的标签
3. 图片标签：
4. 列表标签：
5. 链接标签：
   a:定义一个超链接
   属性：
   href ：指定访问资源的URL统一资源定位符。
   target :指定打开资源的方式

_self：默认值，在当前页面打开
_blank ：在空白页面打开

6. 表格标签︰
   table :定义表格
   width