HTML基础（二）

0X06标题标签

---

1.HTML提供了将文本设置为标题显示的标签对，<hn>...</hn>标签对。夹在标签对之间的文字为HTML文档的标题。标题大小一共有6种，其中<h1>标签括起来的文字是一级标题，<h6>标签所括起来的文字是最后一级标题。

2.语法：<hn>...</hn>
3.实例：
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>

0X07字体修饰标签

---

1.作用：字体修饰标签可进行设置文字的格式，如加粗，斜体，加下划线，加上标，下标等

2.语法:
指定文字加粗：<b>...</b>
指定文字设置为斜体：<i>...</i>
指定文字设置下划线：<u>...</u>
指定文字为打字机效果：<tt>...</tt>
指定文字为上标：<sup>...</sup>
对指定文字为下标：<sub>...</sub>
指定对某段文字进行强调，通常用斜体字显示出来：<em>...</em>
标签对文本进行强调，通常用粗体字显示出来：<strong>...</strong>

0X08字体标签

---

1.Font标签可以设置文档的字体，通过改变其属性，对文本进行不同的设置，可以对文本的字体、大小、颜色等进行改变。
2.属性size

语法：<font size="npx">...</font>
实例：<font size="5px">哈哈哈</font>

3.属性face

语法：<font face="verdana" >...</font>
实例：<font face="verdana" >哈哈哈</font>

4.属性color

语法：<font color="十六进制颜色值">...</font>
实例：<font color="#F0F8FFF">哈哈哈</font>

5.组合使用：

<font size="5px" face="verdana" color="#F0F8FFF">哈哈哈</font>

0X09HTML超链接标签

---

一、HTML超链接
1.作用：HTML 使用超链接与网络上的另一个文档相连接，可以从一张页面跳转到另一张页面。
2.组成：由锚标和目标点组成，锚标就是链接的源点，当鼠标被移动到锚标处时会变成小手状。用户通过单击鼠标就可以到达链接的目标点。目标点可以是一张图片、一个网络文档、一个多媒体文件等。
二、属性href
1.herf是hypertext reference的缩略词，用于设定链接地址，其链接地址必须是URL地址，需要给出具体的路径。
2.HTML链接：

语法：<a href="url">链接文本</a>
实例：<a href="https://sundry-z.github.io/">访问我的博客</a>

三、属性target
1.作用：控制打开链接的位置，属性值分为_blank、_self、_parent、_top。
2.用法：
target="_blank"在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。
target="_self"将链接的文档载入链接所在的同一框架或者窗口。
target="_parenet"将链接的文档载入该链接所在框架的父框架或父窗口。
target="_top"将链接的文档载入整个浏览器窗口，从而删除所有框架。

3.语法：<a herf="url" target=属性值>...</a>
  实例：<a href="https://sundry-z.github.io/" target=_blank>访问我的博客</a>

四、属性name
1.作用：利用标签<a>的name属性可以实现文档内部的定位。先在文档内设定一个标签，称为”锚定位“，通过超链接标签<a>的href属性，可以跳转到已经设置好的”锚定位“标签的位置。

2.语法：
<a href="#锚定位">任意值</a>
......
<a name="锚定位">需要设置定位的文本</a>

3.实例：

0X10HTML图像标签

---

一、用法
1.在HTML文档中插入图像是通过<img>标签来实现的，它只有起始标志，所有样式都是由<img>的属性决定的。

2.语法：<img 属性= "属性值"> 

二、属性src
1.src属性用来定义<img>图片的URL地址，URL表示图片的路径和文件名。URL可以是绝对路径，也可以是相对路径。

2.语法：<img src="URL">
实例：
<img src="http://img.crcz.com/allimg/201910/01/1569941080100048.jpg">   //绝对路径
<img src=".../images/1.jpg">   //相对路径

3.注意：如果图片URL的地址指定错误时，在浏览器页面中图片的位置将会出现一个红色“X”号
三、属性align
1.align属性的作用是对齐图片，可以改变图片的垂直（居上、居中、居下）对齐方式和水平对齐方式（居左、居中、居右）。

2.语法：<img align="属性值" src="URL">
  实例：<img align="center" src="http://img.crcz.com/allimg/201910/01/1569941080100048.jpg">

四、属性height和width
1.width和height两个属性用来规定图像的大小，其中width属性用来确定图像的宽度，height属性用于确定图像的高度。默认情况下，浏览器窗口将自动调整图像的显示尺寸。

2.语法：<img width="属性值px" height="属性值px" src="URL">
  实例：<img width="80px" height="80px" src="http://img.crcz.com/allimg/201910/01/1569941080100048.jpg">

本文作者：Sundry-Z
微信公众号：Sundry杂项
博客地址：https://sundry-z.github.io/