Day 01 HTML<常用标签>

1. 标题标签

<h1> - <h6> (一级标题 - 六级标题)

文字粗体与大小 从h1为最粗最大 至h6为最细最小

标题标签范例

2.分段标签&换行标签

<p> 分段标签 主要拿来进行文字分段 </p> 
<br> 文字换行使用

3. 文字标签

<strong> - </strong> or <b> - </b> (文字粗体)

<em> - </em> or <i> - </i> (文字斜体)

<del> - </del> or <s> - </s> (给文字添加删除线)

<ins> - </ins> or <u> - </u> (给文字添加下划线)

文字标签范例

4. 区块(盒子)标签
此标签为用来装内容的区块，主要使用来配置版面

<div> - </div>
默认为块状元素(block)，一般来说一行只能有一个块状标签

<span> - <span>
默认为行内元素(inline)，一行可以有多个span标签

区块标签范例

5. 图片标签
此标签是用来插入图片 src後添加欲插入图片的文件路径。

<img src = "图片路径">

code後面可添加其他属性赋予不同功能:

alt 替换文本，当图片不能显示时出现的文字 EX:alt="此图片目前显示不出"
title 提示文本，滑鼠放到图像上会显示的文字 EX: title="图片细节"
width 设置图片的宽度 EX: width:500px
height 设置图片的高度 EX: height:500px

<img src="图片路径" alt="此图片目前显示不出" title="图片细节" width="500px" height="500px"">

6.超连结标签
此标签是用来添加超连接 使点击後可以进行跳转到其他页面

<a href="欲跳转的网址" target="网址跳转後的方式"> 欲显示的文字 </a>
也可"#id"做为锚点连接使用

target 可使用的方式:

_self为默认值:在当前视窗直接打开新页面
_blank: 在新视窗打开

超连结标签范例