互联网基本原理和html入门第1天笔记最终版本_第1页
互联网基本原理和html入门第1天笔记最终版本_第2页
互联网基本原理和html入门第1天笔记最终版本_第3页
互联网基本原理和html入门第1天笔记最终版本_第4页
互联网基本原理和html入门第1天笔记最终版本_第5页
免费预览已结束，剩余31页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

一、从“上网”说开 互联网的工作原 1.2................................................................................................................................................如何验证互联网的工作原 二、HTML简 三、和空间的.............................................................................................................................................3.1的..........................................................................................................................................3.2服务 3.3的解 四、文件的上 五、HTML深入学 HTML的骨 HTML..........................................................................................................................................手册的使 六、编写的工 Sublime的安装和使 NotePad 七、常用（没有废弃 标题..............................................................................................................................................img...............................................................................................................................................a....................................................................................................................................................八、作 一、从你思考过“上网”么现在先整体去看一下互联网工作原理。里面有很多术语，一会儿讲解当用户在浏览器中输入一个按回车的时候，这时候用户计算机（客户机）就会解析用户输入的URL，然后通过Internet向DNS的服务器进行查询，这个DNS服务器将用户输入的对应的IP地址发回给客户机。然后客户机会向这个IP地址发送一个HTTP请求，服务器得到这个HTTP请求后，会将所有的HTML、CSS、JS、文件等资源用HTTP协议传递给客户机。客户机上的浏览器，1.2URL：uniformresourcelocator资源定界 在互联网服务器上的所有文件（HTML、CSS、JS、、音乐、等）都有唯一的一个URL。只要知道资源的URL，就能够对资源进行。HTTP：hypertexttransferprotocol超文本传HTTP是专门用来传输超文本文件的HTML：hypertextmarkuplanguage超文本任何一个网页，不管有多花哨，不管效果有多绚丽。都是HTML。HTML是一个标记语言，服务器：就是一台 小时全天开机的，运行有服务器的计算服务器就是一台普通计算机，只不过安装了一些服务器（比如Apache客户机：就是自己的计算 服务器：解析系统服务让用户去ip地址太麻烦，所以用去替代IP地址。和IP地址有11对应关系，存放DNS服务器中用谷歌浏览器（Chrome）的一个功能，能够看见首发的任何HTTP信息当输入一个的时候，有280个文件被传输到的计算机中了。存到哪儿了呢也就是说，所有的你看见的元素，都是先传输到本地计算机，然后浏览器再渲染的上网，就是请求资源开新浪网，我发现，页面刷的一下就显示好了，不用等半天了。、HTTP状态码：200表示成功请求；304表示没有更改；404表示页面不存在二、HTML简HTML(hypertextmarkuplanguage超文本标记语言)超：HTML文件中有很多，这些也是文本，但是不显示在最终的页面上。所以“超能力HTML很聪明，知道哪些元素是，哪些元素是内容；文本：HTML没有格式，是纯文本文件。标记语言：它没有逻辑，没有与、或、非，不能计算加减乘除，不需要任何数学素可以通过下面的方法简单的制作一个HTML页面HTML元素构成了HTML文件，这些元素是由HTML所定义的。在3天课程中，学习告诉浏览器文字是什么样子的尺寸，哪儿需要显示一张等等。浏览器会识别出.html文件“认识”将文件的扩展名，改成html即可。如果显示不出来文件的拓展名的话，就在文件夹选项中去设置右键打开方式的html文件。 文件是纯文本文件。纯文本文件呢？可以从两个角度去思考这个问如果一个文件中，除了文本，其他什么东西都没有没有附加资源比如，比如音乐没有格式。虽然的记事本将字号更改大了，但是将txt文件传输给你之后，你发现txt文件是不携带格式的，所有的字号、加粗、斜体换一台电脑看，全没但是比如word生产出来的文件，doc文件是携带格式的！也就是说，我用电脑给文字加HTML文件是不携带格式的，是纯文本文件是一些文字，就不能了，但是再次用记事本打开这个文件后，删除增加的文字，又能够观HTML用纯文本来表示格式。非常大的智慧是鼠标点击出来的了。和Photoshop有很大的区别。HTML是纯文本文件，就有以下特点三、和空间的3.1的白菜价。国内两家最大的提供公司：以新网为打开新网首页，成为会填表即接下来就可以选择了，不要/r/的，因为需要备案点击加入购物注意选择年填写的信息，瞎写即可选择各种途径去即可。支付买完空间之后，一会儿回来进行解析。3.2服务（一定要、的主机，否则会让备案） 会php主将刚刚好的，写进然后进行付款即3.3的解首先，先确认你的邮箱中，恒创主机已经给你发了邮件了进入管理功能后，选择功能此时的，已经能够现在，要将自己做好的网页，传到服务器上才能被其他人看见上传文件的工具是FlashFXP，进入之后，按F8快捷键。或者按下图所示的方法进行点击查看恒创主机给你发的邮件，对照邮件，填写表买一个和空间非常的方便。有一个空间会极大的提高你自己学习做的。上午讲解的内容的遗漏●Filetransferprotocol文件传输协FTP协议要比HTTP速度快。那么为什么用户的时候不使用FTP而是使用http呢？不是面向连接的，而是面向请求的。每请求一次，就产生一次连接，请求完毕，连接也关闭了●浏览器？收发HTTP请求。用户输入一个，能够将这个变成HTTP请求，发送出去●index.html文件 的意所有页面的文件名可以任意指定（最好是英文），有一个文件是比较特殊的文件。index.htmlindex.html文件是在用户缺省请求的具体页面的时候，默认的 中叫做aa.html，所以就要用：也就是说，现在知道了URL中的斜线的意思，就是文件夹 .cn/c/2013-10-/r/是什么呢？是另外一台主机的别 中的c文件夹中的2013-10-18文件夹中的实际问的是五、HTML深入学HTML其实非常简单，需要注意的是语义，比如现在需要一个标题，那么就要用<h1>。HTML自己拥有很多诸如控制文字样式、样式的属性，但是这些属性已经被CSS技术给替了HTML的骨今后今后进行网页的制作，都要从这个骨架中进，省去了每次都书写同样内容的<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"">→文 即可，不要背 →写一些配置的项目，用户<title>标题<body>页面的正文，用户可见文档定义是一定要写的，在制作的时候，就要用过度版本的HTML，就将这句话写在每个HTML文件中的第一句。（不用过多的研究是什么意思）一个简单的字符编码流行两种字符编码：1）utf- utf-8字符全，全球所有国家的所有语言都在这个编码库中。文件尺寸太大，一个UTF8的汉字占个字节gb2312中文库，在这个编码库中没有日语、语等信息。文件尺寸小，一个gb2312的汉字2个字节就可以使用gb2312。<metahttp-equiv="content-type"content="text/html;charset=utf-比如新浪网 查看源代码使用的就是gb2312字符编HTML要注意的事情所有的HTML都是成对出现的情况（少有的单标记除外；起始比如<font>，结束比如</font>，它们都是英文状态下的字符。英文状态下，并且输入法是在半角状态所有的属性都要写在HTML的起始中，初学者特别喜欢“创造<size=“7>文字</size> <font>文字</font →不正确的写法，属性不能写在结束中<fontsize=”7”>文字</fontsize=”7”>→不正确的写法，结束中，不用写任何属性HTML中各个有各个的使命，于是就有各自的属的不能乱用。一个，必须要有这HTML精妙就精妙在的嵌套。将不同功能的进行嵌套，那么就可以完成一些好看的效果在写页面的时候，必须规范！“亲自试一试”这个功能也可以快速寻找到一个，如下图所示在font册中，看见这句话XHTML是什么？extention拓展的，也就是更严格HTML版本。它限制了很HTML没有限制的东西，比如必须使用小写字母；属性必须加引号（HTML中不加引号也是对的。教学的时候，就是采用XHTML对大家严格要求。XHTML是一个规范，拓展名仍然是.html没有任何区别。这个规范是给人定的，而不是给机的CSS将取代font，在现在工作中，不会再遇见任何的font。而都用css来控制字符六、编写的工HTML文件是纯文本文件，任何纯文本编辑器都能够成为编写的工具。工具有好有坏，好的工具能够让提高工作效率。但是，做绝对不等于用DreamWeaver!!，做，最本质的就是写HTML，记事本能写，EditPlus能写，DreamWeaver也能写。它们都是纯文本编辑器，没有本质上的Sublime在安装好之后，进入，会提示的更新版本现在要进行设置，取消这个检查原来的设置文件改成今后写代码，所有的代码都和对齐线sublime拥有DreamWeaver没有的两个功能：sublime有轻微的智能感应sublime中的字符编码设置（一定要引起重视NotePad它没有对齐线、没有结束的寻找功能，没有智能感应。就有颜色EditPlus唯一可取的地方，是能够直接新建html文件。而不用每次都从骨架文件中在项目实战课上，还将继续介绍DreamWeaver，WebStrom做不是用，就可束码小问小问题：猜测哪种写法是正确的，能够让字母从左往右跑<marquee><left>文字文字<marqueedirection=”left”>文字文字<marqueeleft=”derection”>文字文字只有B项是HTML的行文。现在仍然用的是跑马灯，所以仍然是marquee，只不过增加了一些修饰，修饰是通过的属性来完成的。的属性是一个以k=”v”的形式在起始中进行罗列的。所以选B。在今后工作中，marqueefont都不能使用。已经被废弃了，被CSS取代了七、常用（没有标Headings标题<h1>一级标题<h2>二级标题（副标题<h3>三级标题（栏目标题<h4>四级标题<h5>五级标题<h6>六级标题h是有语义的，仅仅能够给页面中的真正的标题来写一个h一个页面中最多只能出现一次h1，最多只能出现一次h2h1表示主标题，h2表示副标题，就相高举伟大旗——党的18大开幕需要注意的是<h1><fontcolor=”red”>标题</font></h1><h1>播客<span>网页平面学科</span></h1>不行h中，只能是纯文字。要不然就别用它这是不对的<h1>所有老师介<h2>平面<h3>PS老师img在网页中，只能用img。img是英文image()的缩写。它是一个自封闭。没有结束<imgsrc=”文件路径”不要写成<imgsrc=”文件路径”></img>不能读的格式当只有一个width属性或height属性时，浏览器会自动的将等比例缩小。而不会产生变形。但是当两值都写的时候，要变形就是以http://开头的路径比如新浪网的 相对路径比如现在html文件和jpg文比如现在html文件和jpg文件在同一个文件夹下那么这个的代码就要这样书写jpgjpg文件在下一层文件比如现在在aa文件夹中，那么这个的代码就要这样书写html.html|_jpg文件在上一层文jpg文件在上一层文件|_ 相对路径在的时候，一定一定要注意，不要乱移动html文件和的位置！想注意相路径的使用从今天开始，要树立一个文件体系的概念！现在文件不能瞎放了。一个你移动位置了，可能就让一个HTML页面中的无法显示了；一个文件你移动位置了，这个页面中的全部都不能显面试题：(/r

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论