十五分钟零基础 HTML 入门

 

如果你想建立一个网站，你需要学的第一个编程语言就是HTML。

这篇文章里，我们会介绍HTML语言的基础。看完文章后，我们会只使用HTML建立一个简单的网站。

如果对Python有兴趣，想了解更多的Python以及AIoT知识，解决测试问题,以及入门指导，帮你解决学习Python中遇到的困惑，我们这里有技术高手。如果你正在找工作或者刚刚学校出来，又或者已经工作但是经常觉得难点很多，觉得自己Python方面学的不够精想要继续学习的，想转行怕学不会的， 都可以加入我们，可领取最新Python大厂面试资料和Python爬虫、人工智能、学习资料！VX【pydby01】暗号CSDN

什么是 HTML?

作为超文本标记语言的代表，HTML是一个较为简单的语言。它包含了用来搭建一个网站页面的不同元素。

什么是 HTML?

什么是 HTML 元素?

HTML元素

元素的开头通常是一个包含元素名称的开始标签。它被尖括号包围。开始标签代表着元素开始的地方。

和开始标签类似，结束标签也在一组尖括号中间。但在元素名称之前有一个正斜杠。

所有在开始标签和结束标签中间的都是内容。

但并不是所有元素都遵循这个格式。我们称这些为非空内容。他们只有一个标签或者一个开始标签但没有任何内容。这些元素通常用于在文档中插入或嵌入某些内容。

比如说， <img> 标签用于嵌入一个图像件， <input>标签用于嵌入一个输入。

<img src="https://images.unsplash.com/photo-1610447847416-40bac442fbe6" width="50">

在上面的例子中，<img> 元素只包含一个没有任何内容的标签。 此元素用于在文档中插入来自 Unsplash 的图像文件。

如何嵌套HTML元素?

<div class="my-list">
  <h4>My list:</h4>

  <ul>
     <li>Apple</li>
     <li>Orange</li>
     <li>Banana</li>
  </ul>
</div>

元素可以放置在其他元素内。 这称为嵌套。 在上面的例子中，在 <div> 元素中，我们有一个 <h4> 元素和一个 <ul> 或无序列表元素。 类似地，在 <ul> 元素内部，有 3 个 <li> 或列表项元素。

基本嵌套很容易理解。 但是如果页面很大，嵌套会变得复杂。

因此，在使用 HTML 之前，先考虑布局结构。 你可以把它画在一张纸上或在你的脑海里。这非常有用。

什么是HTML属性？

元素也有属性，这些属性包含关于不会出现在内容中的元素的额外信息。

<img src="https://images.unsplash.com/photo" width="50">

在上面的例子中，<img> 元素有 2 个属性：src 或 source 用于指定图像的路径，以及 width 用于指定图像的宽度（以像素为单位）。

通过这个例子，可以看出属性有以下特征：

• 属性和元素名称之间有一个空格
• 属性是添加在在开始标签中的
• 元素可以有很多属性
• 属性通常有一个名称和一个值：name="value"

但并非每个属性都用相同的格式。有些属性可以没有值