HTML简介
-
HTML的全称为超文本标记语言,是一种标记语言。
-
它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
-
HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。
-
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。
-
这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
HTML基本结构
<!DOCTYPE html><!--h5声明文档-->
<html><!--根标签,所有的HTML标签必须放在该标签下,只有一个-->
<head><!--头部,写在该标签的内容不会显示在浏览器上,作用:帮助浏览器解析网页-->
<title>第一个网页</title><!--网页的标题,作用:帮助浏览器解析网页-->
</head>
<body><!--网页主体,如果要把内容显示在浏览器上,写在该标签下面-->
</body>
</html>
基本标签
注释
<!-- 用于在 HTML 插入注释 -->
meat标签
<head>
<meta charset="UTF-8"><!--网页的编码格式-->
<!--网页搜索关键字-->
<meta name="keywords" content="html,css" />
<meta name="description" content="第一个网页" />
</head>
普通文本
<body>
普通文本
普通文本普通文本普通文本普通文本普通文本普通文本普通文本
</body>
标题标签
<h1>一级标题</h1><!--一个网页一级标题只能写一个,决定了网站的排名-->
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p>我是一个段落</p>
div:普通的块标签,没有任何样式
<div>Hello,我是一个div</div>
图片标签
<!--图片标签:
src:图片的加载地址
alt:文件加载失败时,文字提示
title:鼠标悬浮到图片,文字提示
-->
<img src="../img/hetao.jpg" alt="加载失败" title="快点我一下" />
超链接标签
<a href="http://www.baidu.com">百度一下</a>
列表
无序列表
<!--无序列表
ul:无序列表
li:列表项
-->
<ul>
<li>鲁班</li>
<li>后羿</li>
<li>孙尚香</li>
</ul>