美文网首页前端学习
1.2 学html前应该知道的

1.2 学html前应该知道的

作者: cd72c1240b33 | 来源:发表于2017-02-13 21:15 被阅读153次

1. 计算机基础

  • 文件和文件夹管理

    • 包含:创建,删除,重命名,复制,粘贴,剪切和移动
  • 掌握文件拓展名的意义:在windows下,所有文件的名字由两部分组成

    • 所有文件的名字由两部分组成:文件名.拓展名
    • 拓展名一般2~4个字母组成,表示文件的格式,比如jpg图片格式,mp3音乐
  • 右键,打开方式

    • 一个文件,可以用多种软件打开;预览,编辑,PS
  • 会使用桌面,知道"快捷方式"的概念

    • 所有快捷方式,都有一个小图标,就是一个快捷入口,所以,删除这个小图标,程序还在;
  • 特殊按键和快捷键

    • 键盘上除了有字母数字之外,还有一些特殊的按键 ctrl shift alt enter tab;
    • ctrl是"控制"的意思,单独无用,必须要和其他键一起按下才有用
      例如 ctrl+c:复制; ctrl+v:粘贴;ctrl+x:剪贴; ctrl+w:关闭当前窗口;ctrl+z:撤销;
    • shift是"换挡"的意思; 按下shift+字母键=大写的字母;熟悉shift键来打大写字母
    • alt(alternate)调整的意思;
    • tab键是用于table"制表符",ctrl+tab:经常用于"切换";
    • windows+r:打开运行窗口;windows+D:显示桌面;
    • ctrl+空格:切换中英文;严禁用shift键;用shift进行字母大写;
  • 打字速度
    打字速度是必备的素养!

    • 严禁一指神功
    • 金山打字通(英文打字) 目标:打字速度在100/s上;

2. 互联网原理(上网就是请求数据)

  • 上网的时候,是有真实的,物理的文件传输的;
    所以,感觉第二次打开网页,速度比第一次快,这是因为第一次打开网页的时候,所有的图片都已经在你电脑存过了;
    所以,每次用360都能清除一大堆垃圾,释放很多硬盘空间;
  • "上网"究竟是什么?上网就是请求数据,就是请求文件;而且请求的不是一个文件,而是一堆文件;
    服务器上存放这网页的相关文件,包括html文件,css文件,js文件,图片等,当我们打开浏览器,输入网址,我们计算机就会对这些文件发出HTTP请求;
    服务器收到请求后,会把这些文件通过HTTP协议,传输到我们的计算机中,这些文件会在我们本地的浏览器中,进行渲染,传递;

3. 服务器

  • 服务器就是计算机,只不过比我们计算机配置高,24小时不关机
  • 服务器上存储着网页中的相关文件,一旦有访问者访问网站,服务器就会发送这些文件给访问者的电脑;
  • 服务器一旦关机,网站就无法访问了;
  • 服务器更多知识在ajax解释;

4. 浏览器

  • 浏览器是安装在客户的电脑中;可以让用户上网;

5. HTTP:超文本传输协议;

  • 这是一个文件的传输协议,我们上网的时候,所有的文件都是通过HTTP这个协议,从服务器传到客户的电脑中;
    做网页做的不是一个文件,而是一个整套的东西,比如:样式有css,结构html,用到图是jpg的;flash是swf的,这些统统都要传输到服务器上;因为他们必须躺在服务器上,这样才能被别人所请求;(引出超文本传输协议:html)
    总结:网页是真实的物理文件,并且一个网页是很多的物理文件组成的,html文件,图片文件,JS文件,Css文件。。。这些文件要通过一个特殊的软件才能上传到服务器上,然后用户就能看了; 用户通过浏览器,访问网址,服务器上面的文件就通过http请求,悄悄的传输到用户的电脑中的临时文件夹中,在用户的文件夹中渲染呈递;

6. 引出html之前:

  • windows自带一个软件,叫做技术本,保存的文档格式就是txt格式;英语text,这个文件叫做"纯文本文件":纯文本就是只有文本没有内容;
  • .doc文件,能保存内容和样式;在哪里看都一样;
  • .txt文件:1)除了文本的内容,其他都保存不了;2)任何文件,可以用纯文本txt查看(都是乱码)
    只是改变了软件的设置,但没有改变文件的设置;所以,.doc和.txt存储同样的内容,前者比后者大;
  • html是纯文本

6.1 html

  • html是英语HyperText Markup Language;超文本标记语言;
  • 我们新建一个.txt文件,也就是说html和.txt本质一样都是纯文本文件;
  • 现在要养成:编辑-保存(ctrl+s)-浏览器刷新(fn+f5; mac:command+r)
  • html是用来描述文档语义的语言;html提供了很多标签对,可以给文本增加不同的语义;比如:
    <h1></h1>主标题
    <h2></h2>二级标题
    <p></p>普通段落;
    html的本质,就是增加语义;而且只能用来增加语义;其他啥也干不了;
    html就是纯文本文件(把.txt文件-纯文本文件,强制改名而成);用一些标签来描述文字的语义,这些标签在浏览器中是看不到的;所以成为"超文本标记语言"
    现在业界的标中,严格三层分离:html负责描述页面的语义;css负责描述页面的样式;JS负责描述页面的动态效果;
  • .html就是网页的格式;
  • 每个英文1个字节,每个汉子2个字节;

纯文本编辑器

任何的纯文本编辑器,都能编辑html,比如,记事本,editplus,notepad++;
比较知名的有:
1. DreamWeaver(过时了,千万不要用)
2. Sublime(高效率的程序书写工具)
3. webstrom(更高级的项目级别编程工具)
不管用什么编辑器,你要知道,做网页跟工具无关,任何纯文本编辑器都能做网页;我们学习的是代码,不是编辑工具,不过,工具可以提高效率;提高代码书写速度;但是本质上讲,记事本就能编辑网页;

相关文章

  • 1.2 学html前应该知道的

    1. 计算机基础 文件和文件夹管理包含:创建,删除,重命名,复制,粘贴,剪切和移动 掌握文件拓展名的意义:在win...

  • 你应该知道的 HTML

    众所周知,前端三大支柱 HTML、CSS、JavaScript。所以,今天就来聊聊,你应该知道的 HTML。 什么...

  • html作业1.2

    作业要求如图: 个人觉得作业要求的表格的表头有问题,于是便没按照要求实现。。。。 最终结果如下图: 如图,我在成果...

  • HTML你应该知道的事儿

    HMTL , XML , XHTML的区别 HTML (HyperTetx Markup Language) 是一...

  • 标准模式与混杂模式

    一、设置方式: 通过html标签前的进行设置。 让浏览器解析器知道应该用哪...

  • 知道做到 笔记

    1. 核心观点 1.1. 从知道到做到,关键在于“重复” 1.2. 要实现从知道到做到,正确的流程应该是: 1.2...

  • html基础

    目录:1.HTML介绍 1.1Html和CSS的关系 1.2认识html标签 1.3标签的语法 1.4认识html...

  • HTML-内容标签

    HTMML5 基础课程—HTML-内容标签 1.2 补充关于DTD

  • java基础-day37-HTML+CSS

    HTML+CSS 1. HTML 1.1 frameset 1.2 特殊字符 2. CSS概述 2.1 什么是CS...

  • 学古筝,家长应该知道的。

    很多琴童家长,不会逼着孩子练古筝,所谓要给孩子快乐的童年。要让她们过上幸福的童年生活。 人各有志,这当然可以理解。...

网友评论

    本文标题:1.2 学html前应该知道的

    本文链接:https://www.haomeiwen.com/subject/gzmtwttx.html