嗨,第一篇博客,新手学习HTML

来源:互联网 发布:linux用户管理命令 编辑:程序博客网 时间:2024/06/15 16:07

总结一下今天学习HTML的内容:

今天主要学习了关于HTML的一些基本标签,有标题标签、段落标签、链接标签、图片标签等等。

1.标题标签

标题(header)标签用于显示页面的标题信息,既包括了格式信息,同时提供了语义信息。

<h1>-<h6>

2.段落标签

   段落(paragraph)标签标示页面的一个段落,自动换行。

<body>

<h3>登鹤雀楼</h3>

<p>白日依山尽,</p>

<p>黄河入海流。</p>

<p>欲穷千里目,</p>

<p>更上一层楼。</p>

</body>

 

3.链接标签

链接标签<a>的作用是跳转,包括页面跳转和业内跳转。

(1)页间跳转

<body>

<a href="http://www.baidu.com"target="_blank" title="我真的是百度,不信点点我看">百度</a>

</body>

 

href属性指定链接的目标URL地址

target 属性指定打开目标页面的方式,其取值包括

_self:在当前页面中打开,默认;

_blank:在新的页面中打开。

_parent:……

_tope:……

 

title属性指的是提示信息

(2)页内跳转

在目标标签处指定id=“……”,在链接处指定href=“#……”。

id属性是页面元素的唯一标识

“锚点”:anchor

4.图片标签<img>

在页面中镶入图片

src:source:图片资源的URL地址,可以是本地的,也可以是远程的

 

<img src="路飞2.jpg" >

 

<img src="路飞2.jpg" alt="图片资源不存在">

alt属性:alternative(可替代的),即当资源不存在时,替代显示的文字内容。

路径:

相对路径

绝对路径

“..”表示上一级目录

“.”表示当前目录

 

    在同一级目录:

<img src=”p1.jpg”>

    在上一级目录:

<img src=”../p1.jpg”>

    在下一级目录:

<img src=”pic/p1.jpg”>

 

5.杂项

<span>:可以将部分文本独立出来

<br>

<hr>

<base>

原创粉丝点击