概念: Hyper Text Markup Language (超文本标记语言)
☞超文本: 在网页中能够实现页面跳转的文本 【超链接标签】
☞ 结构
<!Doctype html> 指定文档类型
<html> 根标签
<head>
<title>网页标题</title>
</head>
<body>
在浏览器中看到的所有网页信息都要放到body标签中
</body>
</html>
结构中标签的分类
◇单标签: 标签只有开始没有结束
如: <link> ,<hr>
◇双标签: 标签有开始有结束
如:<head></head> <body></body>
☞标签关系分类
◇嵌套关系 (父子关系)
◇ 并列关系 (兄弟关系)
☞文件后缀名问题
1. 注意文件后缀名决定文件打开方式。
2. 网页的后缀名是.html 或者 .htm
◇ 快捷键
ctrl+shift+d 快速复制
ctrl+f 快速查找
ctrl+h 查找替换
☞单标签(标记)
◇注释标签 <!--注释信息 --> ctrl+/
◇换行标签 <br>
☞双标签
◇标题标签
<h1></h1> 一号标题
注意:
1. 从语义化角度考虑一个网页中一号标题最好只出现一次
◇ 段落标签
<p></p>
◇表示强调标签
◆文本标签 <font></font>
color:改变文字颜色属性
size: 改变文字大小属性
文本加粗显示
<strong></strong>
或
<b></b>
◆文字斜体显示
<em></em>
或者
<i></i>
◆下划线标签
<ins></ins>
或者
<u></u>
◆ 删除线
<del></del>
或者
<s></s>
☞没有语义的标签
◇<div></div> 实现网页布局
◇<span></span> 在网页布局过程中使用
注意:
div 标签中可以包含任何标签
图片标签
写法:
<img>
属性:
src:设置一个要显示的图片路径
title: 设置鼠标悬停到图片上的文字提示
alt: 对图片的描述信息 为搜索引擎提供服务
width: 宽度
height: 高度
☞绝对路径
1.带有磁盘目录的路径
2.带有具体网址 http://www.baidu.com/img/1.jpg
☞相对路径
如果资源文件(img)和当前文件(html)在同一个文件夹中, src=”文件名”
◇ 如果资源文件(img)和当前文件(html)不在同一个文件夹中, 如果页面在图片的上一级目录中, src=”图片所在文件夹名称加上”/”+图片名称。
如果资源文件(img)和当前文件(html)不在同一个文件夹中, 如果页面在图片的下一级目录中src=”../加上图片名称”
写法:
<a href=””></a>
作用:
跳转页面
属性:
title: 设置鼠标悬停到超链接上的文字提示
target: _self 默认值在当前页面中打开新页面
_blank 在新窗口中打开页面