1. 何为HTML
HTML是超文本标记语言(HyperText Markup Language)的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。
“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。
HTML 是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。
HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。
在浏览器中看到的任何网页背后都是一个 HTML 文档,只要在网页上点击鼠标右键->查看源代码(用控制台工具也可)就可看到。
Web程序的三剑客:html 、css 、javascript
下面我们就开始学习如何撰写 HTML 文档。
2.html基础
提示:html标签对大小写不敏感,即大小写等同
HTML 标题
是通过 <h1> - <h6> 标签来定义的
段落
用<p>来定义
链接
用<a>来定义
实例:
<a href=“https://www.com”>这是一个链接用</a>
这是一个链接
提示:href属性中指定链接的地址
图像
HTML 图像是通过标签 <img> 来定义的.
元素属性
class:为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id:定义元素的唯一id
style:规定元素的行内样式(inline style)
title:描述了元素的额外信息 (作为工具条使用)
水平线 <hr>
可用于分隔内容
注释
<!–这是一个注释–>
换行
<br>
在不产生一个新段落的情况下进行换行
表格
<table>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
代码中,<tr>表示行;<td>表示行中的单元;
<th>是表头的单元Firstname | Lastname | Age |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |