>> 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。