一、HTML简介导读
1、网页
1)网站?网页?
网站是使用HTML等制作的用于展示特定内容的网页集合
网页是HTML文件,是构成网站的基本元素,通常由图片,链接,文字,声音,视频等元素组成。常见以.htm或.html后缀结尾的文件,称为HTML文件
2)HTML?
- 指超文本标记语言(Hyper Text Markup Language)
- 它不是编程语言而是标签语言
- 超文本,2层含义:
- 可加入图片,声音,动画,多媒体等内容(超越了文本限制)
- 可从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)
3)网页的形成?
它由网页元素组成(元素利用html标签描述) -> 浏览器渲染、解析 -> 展示
2、常用浏览器
1)浏览器?
指网页显示、运行的平台
2)常用的五大浏览器
IE、Opera、Safari、Firefox(火狐)、Chrome(谷歌)
3、web标准
由W3C组织和其他标准组织制定的一系列标准的集合。
构成:结构、表现、行为
二、HTML标签
1、基本结构标签
<!--特殊且固定的HTML5文档声明标签-->
<!DOCTYPE html>
<!--设置语言(中文)-->
<html lang="en">
<head>
<body></body>
</head>
</html>
2、常用标签(文本标签)
<!-- 标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<!-- 段落标签 -->
<p>即使青春是一株大地伟岸的树,但我明白,一株独秀永远不是挺拔,成行成排的林木,才是遮风挡沙的绿色长城。即使青春是一叶大海孤高的帆,但我明白,一叶孤帆很难远航,千帆竞发才是大海的壮观。</p>
<!-- 换行 -->
<br>
<!-- 水平线 -->
<hr>
<!-- 加粗 -->
<b>加粗文字</b>
<strong>加粗文字</strong>
<br>
<!-- 倾斜 -->
<i>倾斜文字</i>
<em>倾斜文字</em>
<br>
<!-- 删除线 -->
<s>删除文字</s>
<del>删除文字</del>
<br>
<!-- 下划线 -->
<b>下划线</b>
<!-- 下标 -->
<sub>下标</sub>
<!-- 上标 -->
<sup>上标</sup>
3、标签基本语法
1)双标记
<标记></标记>
<标记 属性=“属性值”></标记>
标记也可以叫标签或元素
例:<head></head>
2)单标记
<标记/>
<标记 属性=“属性值”/>
例:<br/>
三、图像标签
1、<img>标签定义图像
<img src="图像路径">
2、其他属性
注意:属性采取键值对的格式,即属性=“属性值”;
四、 路径
根目录:该文件所在的最近一级文件夹
1、相对路径
概念:以引用文件所在位置为参考基础,而建立的目录路径
相对于表格.html来说
2、绝对路径
概念:指目录下的绝对位置,直接到达目标位置。通常从盘符开始的路径
如:file:///E:/html/html标签/列表.html
五、链接
1、超链接
1)作用:从一个页面链接到另一个页面
2)语法格式:
<a hred="跳转目标" target="目标窗口的弹出方式"></a>
- 属性:
href属性值为#时,表示空链接(无法跳转)
url可以是外部链接(如百度),内部链接(该文件夹内部的文件),空链接,下载链接
2、锚点链接
快速定位到页面某目标位置
- 将href属性值设置#名字的形式,如<a href="#a"></a>
- 在目标位置添加id=名字,如<p id="a"></p>
六、注释标签与特殊字符
1、注释标签
<!--注释标签-->
快捷键:ctrl+/
2、特殊字符