- html是标记语言用各种标记表示数据及其相关信息的语言
<p align="center">Web前端开发课程</p>
标签的形式如下：
<标签名></标签名>
HTML（HyperText Marked Language）也是一种标记语言。
超文本：不仅仅能表示文本信息，还能表示音视频、格式等等信息。
- HTML基本结构
<!DOCTYPE html>
<html>
<!-- head部分主要做一些设置工作，比如字符集、标题等-->
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<!--文档的主体部分，呈现给用户的信息都在此-->
<body>
带你出师，闯荡江湖！
</body>
</html>
<html>：是整个文档的根节点，它包含两个子节点：
<head>：主要描述文档的设置信息，比如字符集、标题等
<body>：是文档的主体部分，需要呈现的内容都安排在其中。
基础标签
- 标题标签
标题（header）标签用于显示页面的标题信息,既包含了格式信息，
同时提供了语义信息
<h1>-<h6>
2.2 段落标签
段落（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
2.4 图片标签
在网页中嵌入图片
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">
扫一扫
609
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
