web的基础

最新推荐文章于 2022-11-06 23:23:43 发布

wenxin_liu

最新推荐文章于 2022-11-06 23:23:43 发布

阅读量550

点赞数

分类专栏： web基础知识文章标签： web 代码理论快捷键服务器

本文链接：https://blog.csdn.net/wenxin_liu/article/details/102966247

版权

web基础知识专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、web的基础

1.web和internet（网络）
	1.1web
		web是运行在internet上最流行的应用之一，internet给我们web提供了运行的环境
		web  通俗点来讲 就是网页
		web 又称为万维网（www）
		w3c  万维网联盟 是一个组织机构
		web的作用 ：web能够将各类型的信息和服务进行连接，并提供生成图形用户 界面
	1.2web工作原理
		基于B/S结构的模式的程序
			B：Browser 浏览器
			S：Server  服务器
		基于C/S结构的模式的程序
			C：Client  客户端
			S: Server  服务器
		web服务器
		  作用
			①：存储web页面上的内容信息，提供管理环境
			②处理浏览器的请求执行服务器端的程序可以给出响应
			③ 具备基本安全性功能
		  服务器：产品
			Tomcat
			IIS
			Apache...
		web浏览器
		①作用
			代理用户提交请求
			作为HTML CSS JS解释器
			以图形化的方式显示内容
		②产品
			Microsoft internet Explorer （IE浏览器）
			Google Chrome 谷歌浏览器
			Mozilla fireFox 火狐浏览器
			Opera 欧朋浏览器
			apple safari 苹果浏览器
	1.3web相关的技术
		1.3.1服务器端的技术
		主要运行与服务器的技术 操作数据库
		JSP PHP ASP .NET
		1.3.2客户端的技术
		运行于客户端的，由浏览器负责解释运行
		HTML  CSS JS

二、HTML快速入门

	1.HTML的概述
		HTML 超文本标记语言
		超文本：具备特殊功能的文本
		标记：标签 规范了超文本的组成形式
		超链接 图片  音频 视频 。。。
		语言：具备特定的语法规范
		HTML是网页的设计语言，由HTML编写的文件
		后缀：.html .htm
	2.HTML的开发工具
		1、开发工具
			记事本 超级记事本 Hbuilder等等
		2、运行工具
			各款浏览器
	
	3.HTML的基础语法
		3.1标记语法
			在HTML中，用于描述功能的符号称为标记 标记在使用的过程中是必须用
			<>括起来
			标记的分类
				1.封闭类的标记 <标记名>内容</标记名>
				2.非封闭类的标记 也称为空标记 单标记  <标记名/>或者<标记名>
		
		3.2属性和值
			属性是用来修饰元素的（标签）
			语法：
				<p align="center">这是一个段落标签</p>
			标准属性
				又称为通用属性 页面上所有的标签都会具有的属性
				id 页面元素独一无二的标识
				class 类名
				style 定义元素的样式
				title 鼠标移入到元素上所显示的内容
			注释：
				注释是不会被浏览器所解释执行
				用法：
					<!-- 内容 -->
				注意：注释是不能嵌套注释 只认识开头和结尾  注释是不能位于 <>标签中

三、HTML文档结构

	第一行：文档的类型声明
	作用：指定文档的版本和类型
	<!DOCTYPE html> 标识这个文件是一个HTML5的版本
	head ：网页的头部：作用 定义页面中的全局信息
	<meta charset="utf-8" /> 指定文档的字符集
	<title></title> 文档的标题

四、特殊字符

	在html中，任意的多个空格和回车最后都被解析成一个空格
	通过转义字符的特殊表现形式来表示特殊效果
	&nbsp；  空格

五、文本标记

加粗 b 斜体 i 下划线 u 删除线 s 上标 sup 下标 sub

六、标题元素

作用：以标题的形式显示文本
	表现方式：
		1.垂直空白距离
		2.不同的标题字体大小并不相同  范围：1-6 从大到小 不能超过这个范围
		3.独占一行

七、段落元素

作用：在页面中表示一段独立的文本
	表现方式：具备垂直空白   独占一行

八、换行标签

<br />
作用：换行

九、分割线

作用：在页面中显示线条
属性： size 尺寸的大小

width：宽度
align：线条的水平对齐方式
color：颜色

十、快捷键

复制 ctrl + c
粘贴 ctrl + v
保存 ctrl + s
剪切 ctrl + x
全选 ctrl + a
撤销 ctrl + z
反撤销 ctrl + y
提示代码 alt+/
格式化代码 ctrl + shift + f
	第一步：全选
	第二部：调整输入法  美式键盘
	第三部: ctrl + shift + f
返回桌面 win +d
切换窗口 alt+tab
窗口化切换  win+tab
关闭窗口alt+f4
查找和替换  ctrl+f
运行       ctrl + r
全部保存   ctrl + shift+s