一、html概述
1、定义
html是一种用标签定义内容的超文本标记语言,一般作为web页面的框架使用。
2、标签分类
标签分为两类,一类为单标签,另一种为双标签。
<!--单标签-->
<hr/> <br/>
<!--双标签-->
<p>段落标记</p>
注意:双标签分为开始标签和结束标签。例如:开始标签<p> , 结束标签</p>
二、html元素详解
1、标签元素的可嵌套性
(1)标签元素可以相互嵌套使用
<p>
<strong>此部分将突出显示该标记中的内容</strong>
</p>
解释:strong为html中加粗的意思,所以这段话将加粗显示出来,这就是嵌套元素的使用。
2、标题标签
标题标签属于双标签,依次为<h1>到<h6>,字体大小一次为从大到小
3、段落标记
段落标记为双标签标记,用标签<p></p>标识,文字单独成行,可使用回车在标签内换行,但是标签外无法使用。
<p>这是一个段落标记</p>
4、超链接标签
超链接标签使用<a></a>标签标识,作用是实现多页面之间的简单跳转,使网页更灵活。
<a href = "URL地址">这是一个超链接</a>
对超链接的详细解释:
(1)href:唯一标记所链接的网页地址即所连接的相对地址或绝对地址。
(2)title:这个属性可以实现鼠标放在上边出现相应的文字
<a href="../Demo2.html" title="链接"><i>这是一个超链接</i></a>
注意:至少有两个网页才可以使用
5、图片的插入
插入图片是使用img标签标识,<img src = "图片的地址"></img>
<img src="/img/b0895a08749a13a764ce4587a09f7cb.jpg" alt="加载失败">
注意:[alt="加载失败"]这条语句为图片无法正常显示时出现的,方便用户辨识。
三、HTML的基本框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
解释:
(1)<!DOCTYPE html>,声明html文档
(2)<head></head>, 确定头部标记
(3)<body></body>,确定主体标记
(4)<title></title>,确定网页标题
四、总结
本文主要讲解html基础框架和简单的文本和段落标记,主要目的为跟进学习进度,如有侵权现象,请及时联系作者本人,本人会立即删除进行修改。