HTML基础（1）-CSDN博客

本文链接：https://blog.csdn.net/m0_54487444/article/details/123121581

本文探讨了HTML、CSS、JavaScript等基础标签的使用，以及超链接、图像、链接和路径的详细说明。涵盖了前端开发、后端开发、移动开发等多个领域的核心技术，并介绍了如何构建有效的博客结构和使用关键标签进行内容组织。

摘要由CSDN通过智能技术生成

一、标签的基本关系

1、包含关系

2、并列关系

<html>
	<head></head>
	<body></body>
</html>

1、标题标签 <h1> - <h6>

作为标题使用，重要性依次递减

特点：

加了标题的文字会变得加粗，字号也会变大
一个标题独占一行

2、段落<p></p>和换行标签<br />

<p></p>可以把文字分成几个段落
<br />强制换行属于单标签

3、文本格式化标签

4、 <div>和<span>标签

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容的

特点：

<div>标签用来布局，但是现在一行只能放一个<div>,大盒子

<span>标签用来布局，一行可以多个<span>，小盒子

5、图像标签和路径

（1）图像标签 <img src="图像URL" />

src是<img>标签的必须属性，它用于指定图像文件的路径和文件名

其他属性：

注意：1.图片标签可以有多个属性，必须写在标签名img后面

2.属性之间不分先后，中间以空格分开

3.属性采取键值对的格式，及属性=“属性值”

（2）路径（分为相对路径和绝对路径）

相对路径：以引用文件所在位置为参考而建立出的目录路径

相对路径分类	符号	说明
同一级路径		图形文件位于HTML文件的同一级如<img src="baidu.gif" />
下一级路径	/	图形文件位于HTML文件的下一级如<img src="images/baidu.gif" />
上一级路径	../	图形文件位于HTML文件的上一级如<img src="../baidu.gif" />

绝对路径：指目录下的的绝对位置，通常是从盘符开始的 \

6、超链接标签

<a> 用于定义超链接，作用是从一个页面链接到另一个页面

（1）语法格式

<a href="跳转目标" target="目标窗口弹出方式"> 文本或图像 </a>

href	用于指定连接目标的ur地址，必须属性，当为标签应用href属性时，它就具有了超链接的功能
target	用于指定连接页面的打开方式，其中_self为默认值，_blank为在新窗口中的打开方式

（2）分类

a.外部链接 <a href="http://www.qq.com" target="_blank"> 腾讯</a>

b.内部链接 <a href="09-图像标签.html" target="_blank"> 图像</a>