HTML 前端入门知识点

基础标签

标题标签

标题（header）标签用于显示页面的标题信息,既包含了格式信息，
同时提供了语义信息

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

<h3>登鹳雀楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流；</p>
<p>欲穷千里目，</p>
<p>更上一城楼。</p>

2.3 链接标签
链接标签的作用是跳转，包括页间跳转和页内跳转。
(1)页间跳转

<a href="http://www.runoob.com" target="_blank" title="我真的很菜！">菜鸟网</a>

href属性指定链接的目标URL地址
target属性指定打开目标页面的方式，其取值包括
_self:在当前页面中打开，默认；
_blank:在新的页面中打开；
_parent:……
_top:……
title属性指定提示信息

（2）页内的跳转

在目标标签处指定id="……"，在链接处指定href="#……"
id属性是页面元素的唯一标识
“锚点”：anchor

图片标签

在网页中嵌入图片
src属性：source，图片资源的URL地址，可以是本地的，也可以是远程的。

<img src="月河街.jpg">

<img src="https://youimg1.c-ctrip.com/target/100m090000003n6a32DF4.jpg">

alt属性：alternative（可替代的），即当资源不存在时，替代显示的文字内容。

路径：

相对路径
绝对路径
"…"表示上一级目录
"."表示当前目录
在同一级目录：

<img src="p1.jpg">

在上一级目录：

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

在下一级目录：

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