美文网首页Web 前端开发
我的HTML入门书(二):网站概述

我的HTML入门书(二):网站概述

作者: 蓝喵喵 | 来源:发表于2016-09-13 20:59 被阅读0次

这本书服务的对象是程序小白,本着宁可错杀一千,也不放过一个的原则,我想尽可能详细的讲解各个知识点。

本人水平有限,如果有错的地方,还请指正,谢谢。

上一篇: 我的HTML入门书(一):前言


本章节内容有:

  1. 什么是互联网?
  2. 什么是网站?

一、什么是互联网?

网的概念

先说说什么是网。

想象一下生活中的网,比如蜘蛛网、渔网,它们是什么样子的?

蜘蛛网蜘蛛网 渔网渔网

网都是由一个个节点连接而成,互联网也是如此。

互联网也是由无数个节点连接起来的,这些节点就是网站。

域名和IP

实际上最开始的时候,人们要从一台电脑访问其他电脑,是通过IP地址访问的,类似这样: http://192.168.0.60,但是这种地址总是难以记忆,往往会出现错误,于是就有了域名。

域名其实就是为了方便记忆而诞生的。我们常说的域名解析这个过程其实就是将某一个域名跟指定的IP地址进行绑定,这种绑定关系是单向的,某一个域名/子域名只能与一个IP地址绑定,但是一个IP地址可以同时绑定多个域名/子域名。

这样就可以通过域名访问了。域名往往是有意义的,方便记忆的。

TIP:可以通过访问:http://s.tool.chinaz.com/same 查询属于同IP的域名网站有哪些。

什么是网站?

服务器和网站

服务器这个概念也是很常见的。其实服务器就是一台电脑,只是这个电脑和你的个人电脑有些区别。其中比较重要的区别就是:服务器拥有一个或多个固定IP地址。正是这些固定的IP地址,才能让互联网中其他电脑或设备可以访问它,准确地说是访问放在它上面的网站。

明白了这一点之后,也就不难猜到,所谓的网站就是放在服务器这台电脑上的某一个文件夹,而这个文件夹里的各个文件,就是这个网站的一个个网页。

比如,现在有一个A网站,它的网址是www.a.com, 在这个网站上有一个网页,地址是www.a.com/blog/1.html, 那么我们不难猜到,这个A网站,它的文件夹里包含了一个叫blog的文件夹,而这个blog文件夹里,有一个叫1.html的文件。

网页

从上面可以知道,所谓的网页就是放在服务器上的一个个文件,跟在Windows上写文本文档、word文档是一个道理。

那如何判断一个文件是不是网页?

很简单,就是看文件的后缀。凡是.html/.htm/.xhtml这些后缀的文件,在浏览器中都会当做网页文件。

可以做一个小试验:将下面的代码内容添加到一个文本中,尝试将这个文本文件的后缀改为.html和.txt,然后将文件拖到浏览器中,对比其中的区别。

<h1>This is a title.</h1>

如果是.html后缀,那么将显示一个加粗的大标题:This is a title.而如果是.txt后缀,将原样输出,不会有任何变化。

编辑器

现在应该清楚一件事,一个网页就是一个文件,这个文件像文本文档一样编辑。你可能注意到了,在上面的示例代码有一些是高亮状态的,它有助于你区分、辨别特殊的代码,这一点很有用。

像Windows的文本编辑器是没有高亮功能的,在读文本文档时会相对比较吃力。目前网络上有非常多优秀的代码编辑器,专门用来敲代码的,安利程序员。

比较有名的有:

  • notepad++
  • editplus
  • Adobe Dreamweaver
  • sublime text
  • UltraEdit

上面这些编辑器可以任选一个作为自己常用的编辑器。本人比较推荐的是notepad++和editplus。

To be continued.

相关文章

  • 我的HTML入门书(二):网站概述

    这本书服务的对象是程序小白,本着宁可错杀一千,也不放过一个的原则,我想尽可能详细的讲解各个知识点。本人水平有限,如...

  • html基础

    链接:JSP网站开发之HTML入门知识及常用标记符 (一) 网站开发之HTML基础知识及超链接(二) 1.BODY...

  • 01.入门案例

    01.网站的简单功能 普通文本eg:txt无法实现,故使用超文本实现网站 HTML概述: HTML:Hyper T...

  • web 1. web概念概述 html

    今日内容 web概念概述 HTML 案例:旅游网站首页

  • 7.HTML

    主要内容 web概念概述 HTML 案例:旅游网站首页

  • HTML入门的练习

    (1)入门: 这是一个神奇的网站 这是我的第一个网站 (2)网页的标题...

  • HTML-01

    Web基础知识 Web与Internet Web的工作原理 Web的相关技术 HTML快速入门 HTML概述 超文...

  • WEB 前后端开发学习资料

    1.前端 基础入门知识 语言基础入门知识的网站:http://www.runoob.com/ CSS/HTML 基...

  • web前端建站与学习常用网站

    HTML常用手册网站 开发入门常用 HTML、CSS、JS在各浏览器兼容情况:http://caniuse.com...

  • 个人小网站搭建

    简介 先附上我的网址米壳的网站 这是我花了两个礼拜左右的时间入门html、css、js等知识,自己搭建的一个小网站...

网友评论

    本文标题:我的HTML入门书(二):网站概述

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