开学第一课
程序员文章站
2022-04-29 20:58:42
...
HTML入门
一、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中，任意的多个空格和回车最后都被解析成一个空格
通过转义字符的特殊表现形式来表示特殊效果
 ； 空格
五、文本标记
加粗 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
.html和.htm的区别：
实际上HTM与HTML没有本质意义的区别，只是为了满足DOS仅能识别8+3的文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l不能省略。MSIE能自动识别和打开这些文件，但编写网页地址的时候必须是完全对应的，也就是说index.htm和index.html是两个不同的文件，对应着不同的地址。
上一篇： Python基础第一课
下一篇： OpenGL第一课