1.网络 Internet?实际上由多个计算机所组成的网络结构。 1.1提供的服务？ email:邮件服务 ftp:文件的上传和下载 bbs:电子公告栏，百度贴吧 telnet:远程登录 2.web的工作原理： 基于 浏览器/服务器 模式的程序(B/S) 3.客户端访问服务器？ 域名，服务器的IP地址 3.web服务器 1.存储Web上内容信息 2.接收客户端的请求，并给出响应 3.具备一定的安全功能 开始-输入cmd-ping www.baidu.com 补充： editplus操作 1.在editplus文件中 创建.html模板 2.Tools-preferences-file-templates-html-file name重新选定模板 3.快速查看网页效果 快捷键:ctrl+B 4.Tools-preference-tools-browser-指定浏览器(若不可以，选路径浏览器) 5.取消.bak文件 Tools-preference-file-取消 Creat backup file when saving 6.修改编码格式： Tools-preference-file-Default Encoding 设置为UTF-8即可 1.web浏览器 1.可以替代用户提交请求 2.作为html/css/js(javascript)的解析器 3.以图像化的方式显示网页文档 2.浏览器产品 1.IE 2.Google 3.Firefox 火狐 4.Opera 欧朋 5.safari 苹果 其它浏览器：2345浏览器，360，猎豹，搜狗,UC浏览器..... 3.Web相关技术 1.服务器技术 运行在服务器端，基本的能力访问数据库 后台语言： c++/java.... 1.php 中小型企业 2.jsp 大型企业，国有企业 3.asp 4.asp.net 5.python 6.nodeJS 2.客户端（浏览器） 作用：负责解析前端网页的语言 1.html 2.css 3.js bootstrap JQuery JQueryMobile 类库 vue react angular node....框架 一、html概述 HMTL其实就是开发Web网页程序的一种语言 1.什么是HTML？ Hyper text markup language 超文本标记语言 ex:a 完全没有任何意义 超级文本a标签：有意义，可点击 语言：拥有自己的语法结构 2.特点 1.由HTML编写的文本且以.html或.htm为结尾 2.由浏览器解析执行 3.可以嵌套脚本语言（javascript,vbscipt) 4.用带有尖括号的“标记”来标识 3.HTML语言规范 1.标记 什么是标记？ 标记是由尖括号包围起来的关键词（字），描述功能的符号，比如<a> **:<a>fsklfjldsfdslf</a> 写的时候一定一对一对的写，防止丢失 2.标记分类 1.封闭类型（双标记） 语法：<标记>内容</标记> **：有开始必须有结束，否则会影响其它元素及整个网页 <a>内容</a> <b>内容</b> <p>内容</p> 2.非封闭类型（单标记或空标记） ex:<br/>或<br> <hr/>或<hr> <img/> 4.元素（包含内容） 元素即是标签即标记 1.元素嵌套 在一个元素里面直接嵌套另外一个元素 语法： <标记> <标记> <标记>。。。。内容</标记> </标记> </标记> **:1.注意嵌套的顺序 <p><a><b></a></b></p>错误嵌套 2.注意嵌套代码的一个缩进关系 2.元素的属性和值 ex:<img src="images/apple.jpg"/> <img src="" title="" alt="图片路径错误，请修改" /> <img src />错误 语法：<标记 属性="属性值" 属性="属性值" /></标记> **：属性值必须位于标记中 多个属性之间必须用空格隔开 属性和属性值之间用"="连接，属性值必须用双引号""或单引号''引起来 一个元素允许有多个属性，多个属性之间排名不分先后，中间用空格分开 追加： 通用属性：大部分元素标签都具备的属性 id:元素在页面中的唯一标记（独一无二) class:(css中使用)指定元素的类选择器 title:鼠标移入到元素时，所提示的文字 style:定义元素的行内样式(css中使用) 3.注释 要编写在源文档中，但不想被浏览器解释运行的内容 语法：<!-- 注释内容 --> 注意： 1本身不能嵌套 <!-- 注释内容1 <!-- 注释内容1 --> --> 错误 2不能出现在标记中 二、HTML文档结构 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 内容部分 </body> </html> ***:文档的名称是由点前点后组成 ，比如：index.html (index是名字，点后面 html是扩展名), 组织-(文件夹和搜索选项）文件夹选项-查看-隐藏已知文件类型的扩展名（对勾去掉) 菜鸟教程：http://www.runoob.com/
转载请注明原文地址: https://www.6miu.com/read-11743.html
