DAVEN FARNHAM：今天，我要 说一下关于HTML， 超文本标记语言。 你看到的HTML到处都是这些天。 事实上，如果你在看这个 在浏览器中的视频，你 查看HTML现在。 HTML不是一种编程语言， 相反，它是通过使用一种标记语言 Web浏览器渲染网页 在互联网上。
所以，你可能会问，究竟是怎么写 网页中的HTML不同 从编程编写一个程序 像C语言？ 那么，C是非常严格的语言 该需要是语法规则 编译后才能运行。 如果你曾经忘记了包括 分号在一个语句的结束 你的C代码，你知道我在说什么 大约在问候严格的语法。
虽然Web浏览器，是一个比较 原谅，当涉及到的HTML。 即使你的HTML在语法上不 正确的，你的页面可能仍然是 在浏览器中显示，但它可能 不看你意。 因此，它总是最好 遵守规则。 获得一个直觉的最佳方式 有关如何工作的事情是 经过一个例子。
所以，我们这里是一个基本的 蓝图的网页。 你可能已经注意到了很多东西 在尖括号中。 那么，那些都只是标签。 标签基本上告知Web浏览器 那个，嘿嘿，东西 是未来的路。 但请记住，当你打开一个 标签，你需要关闭它，一旦你有 用它做。
因此，例如，我打开一节 与开放代码 支架体，右方括号。 我再添加一些文字，在这种情况下，我 第一个网页然后我去的时候 结束这一节，我用的差不多 具有相同的标签，除了这一次 体前正斜杠。 在一般情况下，这是你的格式 去每当你打开使用 标记和结束标记。 总之，开放标记和结束标记 构成所谓的一个元素。
如果你看第一行，你会 看到一个感叹号后面 DOCTYPE HTML。 这真的只是告诉浏览器 该文件是一个网页 用HTML编写的。 HTML标记本质上说， 这里谈到一些HTML。 然后我们有一个头与标签 里面一个标题标签。 head标签你能想到的作为 自带的包括HTML程式码 你的大部分网页的 实际内容。
一般情况下，你把标题您 这里的网页，虽然有一些 可能出现的其他标签 在这里也。 接下来是您网页的身上， 您的网站实际的肉和骨头。 在我们的例子中，我们只是把一个简单的 一句话，我的第一个网页， 其中，如果我们运行我们的网站，看起来 有点像这样。 我们的网页是不是太奇怪， 但不要担心。 我们很快就会云杉它。
所以上面的HTML，我们会给你一个非常 基本模板的网页， 没什么特别的，只是光秃秃的骨头。 但是，如果我创建一个网页， 如果我想添加一个 ，比如说我自己的图片？ 好吧，我能做到这一点。 有几个方法可以 将图像添加到您的网站。 如果图像是在同一文件夹中 您的HTML文件，您可以链接到 通过路径的图像是这样的。
你打开了一个图像标记后面 通过在alt属性 源的图像。 alt属性的值仅仅是一些 在另一种情况下，一个文本用户不能 查看该图像。 或者，您也可以链接到 通过一个完整的URL的图像，像这样。 现在，该网站实际上并不存在， 但如果有一个图像 我在这个地址，我可以使用 来源网址，包括 它在我的网站形象。 无论哪种方式，你结束了一个多 漂亮的网站，这样的事情。
嗯，这是很酷，但我种 的想一些文字在这里。 因此，让我们刚刚添加的东西 上述超简单 图像，类似的标题。 所有我到目前为止所做的是使用头 标签，H1和换行符标签，BR。 标题标签使字体有点 位更大，更突出。 换行标记，对其他 手，是那种很酷。 与大多数其他标签，你没有 在开幕式和闭幕式换行标记，只是 上面所示的1。 这是因为休息没有内容 因此，是一个空元素。
这样的空元素，你可以打开 同时密切只需 包含斜线的 在最初宣布结束。 所以现在我的网站看起来有点 这样的事情。 一种更好的，但感觉 就像一个死胡同。 有无处可去一边 从这个主页。 好吧，让我们来解决，通过 包括一个链接。
我什么都做的，是使用 由A表示的属性，使 图像的链接，让我们说，CS50电视。 这样一来，只要有人点击了我， 他们的浏览器将被引导到 另外，可能更 有用的网页。 我不得不尽量减少大小 文字有点，因为我们的网页是 越来越先进。 但我希望，它仍然是清晰的。 我的网站看起来一模一样的唯一 现在，每当我点击图片， 我的浏览器会打开另一个 标签为CS50.tv网页。
最后，让我们说我要去风格 本网站以后使用CSS。 CSS是被称为一 级联样式表。 它基本上提供了一个高效 的方式来编辑和风格 相似的块的代码。 我要开始组织我的HTML 使其更易于样式以后。 在这里，我设置了两种不同的 标识符来帮助组织我的代码。 我用的ID属性里面 部门或div标签，我已经使用了 里面的类属性 另一个div标签。
id和class属性 类似的工作。 唯一的区别是只能有 一种元素，具体的ID，但 任意数量的元素 可以共享一个类。 因此，例如，我可以使用类 图像多次，但我不能 创建另一个师 与ID顶部。 虽然我没有深入研究的CSS， 常用的另一种语言 旁边的HTML，一旦我开始造型 我的代码利用CSS，我可以使用这些 组织属性的影响 我的网页的美观。
该部门内的顶级一切 将具有类似的花式或任何 另一组的HTML我组进 一流的形象将共享同样的目光。 这是比试图编辑更加容易 和风格的图像或块 个别文本。
于是我们过的怎么样的基础知识 做一个网页的HTML。 HTML有很多其他的功能了 当与其他语言配对 如CSS和JavaScript，才能真正 使网页中脱颖而出。 获得舒服的最好方法 HTML只是周围的混乱了， 看看是什么在起作用，哪些没有。
我的名字是Daven法纳姆。 这是CS50。
因此，例如，我可以使用 类图像 - 不，有这么多的属性。 我的名字是Daven法纳姆。 这是CS 650。 我想说的CSS。 这是CSS。