♥️作者：小刘在这里
♥️每天分享云计算网络运维课堂笔记，疫情之下，你我素未谋面，但你一定要平平安安，一 起努力，共赴美好人生！
♥️夕阳下，是最美的，绽放，愿所有的美好，再疫情结束后如约而至。
目录
一. 键盘特殊的按键功能
esc 退出程序或者全屏显示
tab 做切换
caps lock 大写锁定键
shift 一般的中英文输入切换 同时按字母键 是大写字母的输入
ctrl alt 等 许多软件中的功能和快捷键
prt srceen 可以截屏桌面 粘贴到画图或其他图形编辑软件保存
pause break 程序终止中断键
用键盘来实现鼠标的移动
二. 简单的html 网页 （做一个简单的静态网页 ）
html 是什么
用来描述网页的一种语言 是一种标记语言 而不是编程语言
由一套标记标签来组成 制作网页时 使用标记标签来描述网页
html2.0 3.2 4.0 4.01 5
html 5 的新特点： 提供了新的元素和新特性， 建立了新的规则
使用网页实现动态渲染图形 图表 动画
不需要安装任何插件之间使用浏览器播放视频
跨平台
w3c 标准 w3c 是万维网联盟 是web技术领域最权威和最具影响力的国际中立性机构 w3c 标准 是一系列标准的集合
三. 网页的主要组成部分 结构 表现和行为
结构:
<html>
<head><title>B228</title>
</head>
<body>
</body>
</html>
四. 网页的基本结构
网页的基本标签 （段落 换行 水平线 内容标题 ）
h1-h6 内容标题标签
hr 水平线 br 换行标签
p 段落标签 span 范围标签
img 图片标签 a 超链接
table 表格标签 font 字体标签
标签中的主要属性
align 对齐方式 （属性的值， left right center）
color 颜色 width 宽度 height 高度 bgcolor 背景颜色
网页的重要标签 （图像标签 超链接标签）
图像标签的属性： src 表示链接的图片路径 width 宽 height 高 border 边框
超链接的属性： href 表示链接的网页或者文档等的路径 target 表示新网页目标窗口
五. 网页的特殊符号和注释
特殊符号： 表示空格
> 大于
< 小于
" 引号
©; 版权符号
注释 方便团队开发
调试网页
<!-- 被注释掉的内容 -->
网页的表格和列表
表格： 基本结构
<table>
<tr>
<td>administrator</td>
</tr>
<tr>
<td>管理员</td>
</tr>
</table>
表格的作用， 主要用来布局网页的整体结构 表格边框一般设置为 0 ( border=0)
列表 包括 有序列表 ol 和无序列表 ul
<ol>
<li></li>
<li></li>
</ol> //<li> 表示列表中的项
<ul>
<li></li>
<li></li>
</ul>
表现：
css 层叠样式表
六. 基本语法
<style type=”/text/css”>
选择器 { 属性: 属性值；}
</style>
分类
外部样式 独立 .css 样式文件 ，在网页中用 <link > 标签调用
内部样式 将css 代码之间嵌入到单个html 网页中， 只影响当前这个网页文件
嵌入样式 （影响网页中出现的所有选择器样式）
<style type=”text/css” >
p { color: red; font-size:20px;}
</style>
行内样式（只影响当前标签的样式）
<p style=”color:red; font-size:20px;” >
主要选择器
标签选择器 （h1 p hr span ol body a img）
类选择器 .类名 { 属性:属性值; }
id选择器 #id名{ 属性:属性值;}
七. 主要属性
font-size 表示字体大小的属性
line-height 表示行高 text-align 首行缩进
color 表示颜色 text-indent 文本的对其方式
border 边框 border-width 边框的宽度
border-color 边框的颜色 border-style 边框的样式
background 背景 background-image 设置背景图片
background-color 设置背景颜色
容器标签 <div></div>
css 浮动
css 伪类
♥️关注，就是我创作的动力
♥️点赞，就是对我最大的认可
♥️这里是小刘，励志用心做好每一篇文章，谢谢大家