随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的第一个网站了。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　如何做呢？

　　首页新建一个记事本并把文件最后修改为html

　　然后呢？

　　先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，就你就知道这是多么容易了。HTML 简单易学。 浏览器读 HTML 就跟你读书一样，也是从上往下，从左到右进行的 。 所

以，HTML 文档的开始和结束便对应于网页的头和尾。你首先要做的是告诉浏览器，你们将采用 HTML 语言来“对话”。这是通过 <html> 标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先

在记事本的第一行敲入“ <html> ”。也许你记得前面课程中我们说过，这里的 <html> 是首标签，在HTML 文档结尾处必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现在就输

入“ </html> ” ， 然后在 <html> 和 </html> 之间留些空行，用于书写其余代码。

　　下面，我们需要为 HTML 文档写一个“头部（head）”，它提供关于当前文档的信息；然后写一个“主体（body ） ”，它提供文档的内容。HTML 最重要的就是简单——在这里，我们只需把头部（ <head>

和 </head> ）放到主体( <body> 和 </body> ）的前面就行了。

　　如下面：

　　注意我们是如何用换行（用 Enter键）与缩进（用 Tab 键）令代码具有层次感的。理论上，你如何书写 HTML 文档，这无关紧要。但为了便于阅读代码，和保持良好的概貌，我们 强烈建议你采用换行与缩进来层次化

L HTML 代码，就像上面的例子一样。上面这个文档便构成了你的第一个网站——它只包含一个网页，而且内容很单调，可能与你的想象相去甚远，但在一定程度上它仍是一个网站。你可以将它用作其他 HTML 文档的基

本模版。

　　不错不错，但我如何添加更多内容？

　　前面我们学到过，HTML 文档有两个部分：头部（head）和主体（body ）。 你在头部（ head ） ）提供关于网页的信息，你在主体（ body ）部分提供网页的具体内容。比如，如果你要指定 HTML 文档的网页标题

（title ）（它将显示在浏览器窗口顶部），你就 要在头部（head）提供有关信息。用 title 元素来指定网页标题：即在首标签 <title> 与尾标签</title> 之间写上网页标题：

　　

　　注意，网页标题（title）不是显示在网页里，而是显示在浏览器窗口的标题栏上的。网页里显示的所有内容都必须放在 body 元素里。比如，我们要在网页里显示“哇！这是我的第一个网站。”这行文字，它属于主体（body ） 部

分，所以我们在 body 元素里输入：

　　标签 <p> 里的 p 是“段落（paragraph）”的意思，也就是一个文本段落。现在，你的 HTML 文档应该是这样：

　　搞定！ 你已经完成了自己第一个真正的网站（尽管它只包含一个网页）！

　　接着，你需要将它保存到你的硬盘上，然后在浏览器中打开它，就可以看到网站的效果了

 

HTML学习笔记3----制作一个简易网站的更多相关文章

  1. C#.NET学习笔记2---C#.第一个C#程序

    C#.NET学习笔记2---C#.第一个C#程序 技术qq交流群:JavaDream:251572072  教程下载,在线交流:创梦IT社区:www.credream.com 6.第一个C#程序:   ...

  2. 用XMLHttpRequest制作一个简易ajax

    概述 jquery退出历史舞台之后,我们怎么来发送ajax请求呢?可以用相关的库,也可以自己制作一个简易的ajax. 需要说明的是,我们使用的是XMLHttpRequest 2,它几乎兼容所有主流浏览 ...

  3. express + mongodb 搭建一个简易网站 （四）

    express + mongodb 搭建一个简易网站 (四) 目前网站整体页面都已经能全部展示了,但是,整个网站还有两个块需要做完才能算完整,一个连接数据库,目前网站上的数据都是抓取的本地假数据,所以 ...

  4. express + mongodb 搭建一个简易网站 （三）

    express + mongodb 搭建一个简易网站 (三) 前面已经实现了基本的网站功能,现在我们就开始开搞一个完整的网站,现在整个网站的UI就是下面的这个样子. 我们网站的样子就照着这个来吧. 1 ...

  5. express + mongodb 搭建一个简易网站(二)

    express + mongodb 搭建一个简易网站 (二) 在搭建网站(一)中,实现了简单的路由功能,这离一个完整的网站还差的有点远,继续撸代码吧. 1.首先在根目录下新建一个views文件夹,用来 ...

  6. express + mongodb 搭建一个简易网站(一)

    express + mongodb 搭建一个简易网站(一) 前言:后台使用node.js的express框架,数据库使用mongodb,模板使用ejs.大概就这些. 开始第一个简易网站之旅吧.... ...

  7. Spark学习笔记1——第一个Spark程序：单词数统计

    Spark学习笔记1--第一个Spark程序:单词数统计 笔记摘抄自 [美] Holden Karau 等著的<Spark快速大数据分析> 添加依赖 通过 Maven 添加 Spark-c ...

  8. Unity3D学习笔记2——绘制一个带纹理的面

    目录 1. 概述 2. 详论 2.1. 网格(Mesh) 2.1.1. 顶点 2.1.2. 顶点索引 2.2. 材质(Material) 2.2.1. 创建材质 2.2.2. 使用材质 2.3. 光照 ...

  9. 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具

    查看本章节 查看作业目录 需求说明: 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具 实现思路: 使用history对象中的 forward() 方法和 ...

  10. 使用jQuery制作一个简易的购物车结算流程

    因为今天下午时候在网上买了东西,在结算界面的时候突发奇想的也想自己动手做一个结算界面,当然了,只是一个最简易的结算界面,有商品数量的加减,有单价和小计,单个多个删除,全选和区县全选等等一些小功能,我在 ...

随机推荐

  1. C++中链表报错member access within null pointer of type 'ListNode'

    报错原因:指针有指向空节点的可能,所以报错,C++中链表的使用比较严格 解决方法:在给指针确定指向节点之前,先判断此节点是否为空节点

  2. Windows Service调试方法小结

    方法1:log记录 这是一个通用的调试方法,效率比较低,但比较实用,通过查看日志,总能达到调试的目的 方法2:附加到进程 这是Windows Service程序调试的常用方法,缺点是对Windows环 ...

  3. 苹果App 上架 app store 提示 “一张或多张屏幕快照的尺寸存在错误“

    获取预览图的方式有两种:第一种是用真机运行然后截图获取:另一种是用模拟器运行然后截图获取. 先说说第一种获取方式:app运行在5.5英寸(6+)的手机上,截取屏幕快照.在上传时会报错:"一张 ...

  4. echart lengend 选中事件

    根据列选项 来改变echart y轴数值 前4个指标 甲方要求 95~100   第5个 要求 0~10如果混合起来 就是 0~100 这时的我 不由的破口大骂!!!但是 该干的活还是得干 干货如下:

  5. 重启nginx 报错 nginx.pid

    先检查 nginx -c /etc/nginx/nginx.conf 看看端口是否被占用 若占用杀掉 ps -ef | grep nginx kill --- 然后再用nginx -c /etc/ng ...

  6. CTreeCtrl的用法汇总（转）

    一 基础操作  1 插入节点 1)插入根节点 //插入根节点 HTREEITEM hRoot; CString str=L"ROOT" hRoot=nTreeCtrl.Insert ...

  7. 解决Mac安装Homebrew失败

    首先使用Homebrew官网的安装shell命令安装: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebr ...

  8. pycharm 连接服务器进行操作比 Xshell 更简单！

    一.SSH 连接 pycharm 中通过 SSH 连接服务器非常的简单,只需要简单的几步操作就能完成,如下图 1.第一步:点击开启 SSH 会话 2.第二步:填入对应的连接信息,点击 OK 3.这个时 ...

  9. vmhost永久免费主机搭建wordpress

    vmhost主机试用+worpress搭建 点击vmhost进入vmhost官网,vmhost提供了永久免费的主机,还附带一个三级域名,并且支自定义子域名,免费托管5G的网页空间,网页支持php语言, ...

  10. unity简单物理系统

    目录 技术概述 技术详述 2D物理系统组件 刚体 碰撞器 物理材质 碰撞检测函数 在主角中的使用 移动 长跳跃与短跳跃 二段跳 攀爬(蹬墙跳) 技术使用中遇到的问题和解决过程 技术概述 物理系统,就是 ...