一、计算机组成1.硬件1运算器控制器中央处理器CPU2存储器内存暂时性存储硬件持续化存储3输入设备键盘鼠标4输出设备音响显示器2.软件1系统软件WindowsLinuxMac…(2)应用软件二、C/S架构与B/S架构1.C/S架构客户端/浏览器需要安装偶尔更新不跨平台2.B/S架构浏览器/服务器无需安装无需更新可跨平台三、浏览器相关知识1.五大浏览器Chrome(谷歌)FirefoxSafari(苹果)EdgeOpera2.四大内核BlinkWebKitGeckoTrident三、网页相关知识1.网页的组成结构HTML表现CSS行为JavaScript四、HTML基础知识1.全称HyperText Markup Language(超文本标记语言)2.文档后缀名.html.htm3.别名HTML文档也叫做web页面五、HTML初体验1.步骤新建文本文档 输入内容并保存 修改后缀为.html 双击打开2.Web浏览器程序员写的叫源代码要交给浏览器进行渲染。浏览器读取html文件并将其作为页面展示。3.借助浏览器看网页的源代码在网页空白处单击鼠标右键点击查看网页源代码调试F12(快捷键)有的电脑是FnF12六、HTML标签1.全称HTML标记标签2.概念标签是由尖括号包围的关键词“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.但是严格来讲, HTML 元素元素是从开始标签到结束标签之间的完整结构3.双标签标签名标签体/标签名标签名称作开始/开放标签/标签名称作结束/闭合标签标签名也可以大写标准为小写标签可以进行嵌套4.单标签标签名/ /可省略5.标签之间的关系并列关系嵌套关系6.标签属性1概念属性名“属性值”称作标签属性是HTML元素提供的附加信息2作用用于定义元素的行为、样式、内容或其他特性(3) 格式标签名 属性名“属性值” 属性名“属性值”总是以名称/值对的形式出现4位置标签属性写在开始标签或单标签中5注意点不同的标签有不同的属性也有一些通用属性属性名、属性值都不区分大小写浏览器会自动检查更改推荐小写属性值应该始终包轮廓在引号内双引号是最常用的使用单引号也没有问题在某些个别情况下比如属性值本身就含有双引号就必须使用单引号有些特殊属性没有属性名只有属性值标签中不要出现同名属性否则后写的会失效7.缩进快捷键tab手动四个空格七、HTML基本结构1.在网页中查看代码单击鼠标右键选择“检查”2.检查查看网页源代码查看网页源代码看到的是程序员编写的源代码检查看到的是经过浏览器处理后的源代码3.网页的基本结构htmlheadtitle.../title/headbody.../body/htmlhtml元素是 HTML 页面的根元素想要呈现在网页的内容写在body标签中head标签中的内容不会出现在网页中它包含了文档的元meta数据head标签中的title标签可以指定网页的标题八、HTML注释1.特点注释的内容会被浏览器忽略但源代码中依然可见注释不可以嵌套2.写法!--注释--3.快捷键ctrl/九、HTML文档声明1.位置HTML文件的第一行并且在html标签的外侧2.作用告诉浏览器当前访问的版本H5!DOCTYPEhtml3.注意点doctype声明不区分大小写十、HTML字符编码1. 默认字符集中文网页通常为UTF-8需要使用meta charset UTF-8声明编码否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码则需要设置为meta charsetGBK。2.计算机对数据的操作操作时对数据进行编码读取时对数据进行解码3.使用原则存解一致4.位置与写法headmetacharsetUTF-8/...head/