认识HTML
1、什么是HTML
1.1、HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一。
1.2、HTML标签不分大小写,但建议平时写程序时尽量使用小写
1.3、常用的HTML开发工具有:Vscode(Chinese,open in browser)、Webstorm、Hbuilder等。
1.4、HTML由双标签和单标签组成
2、HTML标签
2.1HTML基本组成结构
<html>
<head>
<title>初识HTML</title>、
</head>
<body>
HTML-01
</body>
</html>
HTML是由html、head、title、body着四种基础标签组成。(在VScode中使用control+!可以快速生成HTML基本标签)
2.2、HTML常见基础标签
2.2.1、块级元素
</hr> | 水平线 |
<h1-h6> | 标题标签 |
<p></p> | 段落标签 |
<table></table> | 表格 |
<tr></tr> | 行 |
<td></td> | 单元格 |
</br> | 分段标签 |
<span></span> | 标记 |
2.2.2、行内元素
<a href=" "></a> | 超链接 |
<img src=" " alt=" " title=" " > | 图片标签 |
2.2.3路径&超链接
路径分为相对路径和绝对路径:
相对路径指在当前目录下获取资源文件,相对路径使用./来进行检索资源文件(./可以省略)
绝对路径指在根目录下获取资源文件,绝对路径使用.//来进行检索资源文件。具体如下
超链接:
当我们需要将超链接放入程序时,就可以用到超链接标签,具体使用如下:
<html>
<head>
<title>超链接</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>