Html骨架、标签、以及路径基础

Html骨架、标签、以及路径基础
html骨架标签

以上标签都是双标签，两两相对。在html中还有单标签，比如<br /> 表示换行。

标签关系：

1、嵌套关系：比如head与title

2、并列关系：比如head与body

html常用标签
<div>：
div是网页布局中最常用的标签之一，一行只能放一个（这是就目前而言，后面会有方法转换）

<span>：
span也是布局比较常用的标签，一行可以放多个。

<p>：
这是段落标签 分段用

<h1>：
这是标题标签从h1到h6

<hr />：
稀少的单标签，表示一条线，就像分割线

<br />：
说过了 换行标签

以下标签都有两种表示，推荐使用第二种 如strong em del ins 相比前一个更有语义；
<b></b><strong></strong> 加粗
<i></i><em></em> 斜体
<s></s><del></del> 删除线
<u></u><ins></ins> 下划线

图像标签img
这个标签很重要
语法：<img src=“图片的URL” />

img的属性还包括：
alt属性：图片不能显示时的替换文本
title属性：鼠标悬停时显示的内容，和网页标题长的一样。

完整写法：
<img src=“图片的URL” / alt=”图片无法正常显示就显示这行字” title=”图片描述鼠标悬停显示” >
例：

<img src=“images/130.jpg” alt=“这是一张图片” title=“这是D.va” width=“500px” height=“300px”>

运行结果：右下角显示为鼠标悬停时显示的内容

如果图片不能正常显示 则如图：

链接标签a
创建一个超链接：
<a href=“https://www.baidu.com”>跳转到百度</a>
href属性：指定跳转链接的url地址
target属性：打开方式 self默认值当前页面打开，_blank新窗口打开
运行结果：

路径：

代码：

<img src="images/13.jpg" alt="">

<img src="../images/10.jpg" alt="">

<img src="C:/Users/Charm/Desktop/9.jpg" alt="">

<img src="https://overwatch.nosdn.127.net/2/media/screenshots/Dva01.jpg" alt="">