HTML自学笔记-2（基础标签与属性）

本篇博文呢简单整理一下HTML的一些基础标签及其属性

1.H系列标签

H系列标签有<h1>~<h6>，作用就是用于给文本添加标题语义，这里注意，HTML不是一种编程语言，而是一种标记语言。可能表面上看起来H标签是改变了标题的样式，但这是后面CSS的作用哦，标签是为了告诉浏览器它的标记语言。

格式：<h1>这里写需要的标题</h1>

例如

写好代码之后选择页面右上角一个你喜欢的浏览器打开，（我用的是谷歌） 会看到H系列标签的不同，如下图喽

2.P标签

P标签的作用就是告诉浏览器那些文字是一个段落，像写作文一样，每个P标签内部的内容会单独形成一个段落.而且被不同P标签包围的文字会重启一行。

格式：

<p> </p>

3.Hr标签

hr标签的作用就是在浏览器上显示一条分割线，也是单独占据一行

格式：

<hr/>

4.注释，学过C++都知道，在C++编译器中注释是在//后面写。道理类似，只不过HTML中注释写在<!--       -->中间。注释里面的内容是留给自己或者其它程序员看的，用户看不到。换句或说就是浏览器中不显示。

格式：

<!--   -->

5.img标签

img标签的作用是告诉浏览器我们需要显示一张图片

格式：

<img scr=" ">,引号里面是你要加入图片的路径名称

分享一个我添加图片的方法，感觉比较简单。复制需要添加的图片，鼠标点到你需要添加图片的HTML的文件。Ctrl+v复制一下图片就可以直接保存在你的文件里面，这样当你输入标签时就会出现刚刚添加的图片提醒，双击就可以加上了。（若表达不清楚请看图片）

另外在使用img标签加图片时也会有一些属性，

例如width--宽度，

height--高度，

title--用来告诉浏览器当鼠标悬停在这里时，需要弹出一个描述框并显示 所输入的内容

alt--用来告诉浏览器当所需要的添加的图片找不到时页面显示什么。

这些属性直接在img标签里面写就可以了

6.br标签

br标签作用是用来换行，相当于C++中的endl,或者\n

格式：

<br/>

7.a标签

a标签用来控制页面跳转，简单来说就是建立超链接

格式：

<a href="跳转的目标界面">这里写用户看到的内容</a>

 

a标签中也有一些属性，例如title属性，这里的title与img中的title属性作用相同，都是用来告诉浏览器当鼠标悬停在这里时，需要弹出一个描述框并显示 所输入的内容

又例如target属性，这个属性非常厉害了，它的作用就是专门用于控制页面如何跳转的（点击超链接时如何进入目标页面）

-self： 用于在当前界面直接跳转并且打开目标页面

-blank:  跳转到另外一个界面并且打开目标页面

格式：

<a href="跳转的目标界面" target="-self">这里写用户看到的内容</a>

或者<a href="跳转的目标界面" target="-blank">这里写用户看到的内容</a>

 

当刚开始做前端开发，一些页面没有做好时（或者不知道该跳转到什么地方），可以用假链接，有两种格式

格式1：#

格式2：javascript:

例如:  <a href="#">   </a>

例如：<a href="javascript">   </a>

它两区别就是#会自动返回顶部

 

锚点：给目标位置加id属性，id属性用来规定元素的唯一

格式：

例如：<a href="#center">  跳转到中部 </a>  （在当前位置）

<h3  id=" center">  我是中部</h3>   （在目标位置）

 

本篇内容就到此结束啦！下一篇记录HTML中的列表与表格标签