HTML和CSS（一）_html加载静态css-CSDN博客

本文链接：https://blog.csdn.net/qq_36541623/article/details/118520126

web概念介绍

## 一、软件架构
	1.C/S：client/server 客户端/服务器端
		在用户本地有一个客户端程序，在远程有一个服务器程序
	2.B/S：Browser/Server 浏览器/服务器端
		只需要一个浏览器，用户通过不同的网址（URL），客户访问不同的服务器端程序。

	B/S架构详解：
	资源分类：
		1.静态资源：
			使用静态网页开发技术发布的资源
				特点：
					所有用户访问，得到的结果是一样的
					如：文本、图片、视频、音频，HTML，CSS，JavaScript
					如果用户请求的是静态资源，那么服务器将会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
		2.动态资源
			使用动态资源及时发布的资源
			特点：
				所有用户访问，得到的结果不一样。
				jsp/servlet，php，asp...
				入股用户请求的是动态资源，那么服务器会执行动态资源，转换为惊天资源，再发送给浏览器。
		
		静态资源
			HTML：用于搭建基础网页，展示页面的内容
			CSS：用于美化网页，布局页面
			JavaScript：控制页面的元素，让页面有一些动态效果

HTML

1.概念：  最基础的网页开发语言
	Hyper Text Markup Language超文本标记语言
		超文本：使用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
		标记语言：由标签构成的原因<标签名称>如html，xml
		标记语言不是编程语言  没有逻辑性 不需要解析
2.快速入门：
	1.html文件后缀名 .html or .htm
	2.标签分为
		围堵标签
		自闭和标签
	3.标签可以嵌套
	4.再开始标签中可以定义属性，属性是由键值对构成，值需要使用引号（单双号）引起来
	5.html的标签不区分大小写，但是建议使用小写
3.标签学习
	1.文件标签：构成html最基本的标签
		html
		head 投标签 用于指定html文档的一些属性，引入外部的资源
		title 标题标签
		body 体标签
		<!DOCTYPE html>指定文档类型
	2.文本标签
		注释：<!-- 注释内容 -->
		<h1> </h1> to <h6></h6> :标题标签 一次字体减小 自带换行
		<p> </p>：段落标签 自带换行 段落之间有间隔
		<br> : 换行标签
		 <hr /> :自闭和标签 一条水平分割线
			属性 color：颜色
					width：宽度
					size：高度
					align：对齐方式
						center：居中
						left：左对齐
						right：右对齐
		<b> </b>字体加粗
		<i> </i> 斜体
		<font>字体标签（弃用）
		<center>文本居中（弃用）
			属性
			color size face（字体）
		属性定义：
			color #值1值2值3：值的范围：00~FF之间
			width:width=“20“” 像素单位
					width = “20%”
3.图片标签
<img />自闭和标签 属性src 指定图片的位置
4.列表标签
	有序列表 ol li
	无序列表 ul li
5.链接标签
	<a href = "地址">文字内容</a>
	其他属性
	target = "_self"  本界面打开
	target = "_blank"  新的界面打开
6.div 和是 span 块标签  配合CSS使用 div会换行 span不换行
7.语义化标签
	一些标志性的标签  比如头部块 就用 <header>
8.表格标签
	table定义表格  
		属性
			border 边框
			width 宽度
			cellpadding 内容和单元格之间的距离
			cellspacing 定义单元格之间的距离 如果指定为0 
		单元格的线会合为一条
			bgcolor背景色
		align 对齐方式
		为方便可读性还有一下常用标签
		caption表格标题
		thead表格的头部分
		tbody表格的体补分
		tfoot表格的角部分
		
	tr定义行
	td定义单元格
		colspan合并列
		rowspan合并行
	th定义表头单元格