一、互联网和HTML
超链接(Hyper Link)
统一资源定位器(URL)
网站(Web Site)
网页(Web Pages)
主页(Home Page)
二、HTML基本标签
<!--h5标识-->
<!DOCTYPE html>
<!--1.html标签,最外层-->
<html>
<!--2.头部,包括title、meta、style、script、link标签-->
<head>
<!--指定编码方式-->
<meta http-equiv="Content-Type" content ="text/html; charset=utf-8"/>
<!--标题-->
<title>二刺猿</title>
</head>
<!--3.身体-->
<body background="1.jpg">
<!-- 块元素,单独占用一行,包括div、h、p -->
<!--区元素-->
<div>我是块元素div</div>
<div>
<!-- 标题元素h -->
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
</div>
<div>
<!-- 一行元素p -->
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
</div>
<!-- 行内元素,元素在一行内添加,不单独占用一行,包括b、strong、i、u、center、pre、span、换行符、del、em、pre -->
<div>
<!-- 加粗 -->
<b>我是b标签</b>,<strong>我是strong标签</strong>
<!-- 斜体 -->
<i>我是i标签</i>,<em>我是em标签</em>
<!-- 下划线 -->
<u>我是u标签</u>
<!-- 居中 -->
<center>我是center标签</center>
<!-- 换行 -->
<p>我是</br>br标签</p>
<!-- 删除符 -->
<del>我是del标签</del>
<!-- 空格折叠 -->
<p> 你好 </p>
<!-- 原样输出 -->
<pre>
你好,
标签,
HTML
</pre>
<!-- 插入图片 -->
<img src="2.jpg">
<span"style="color:red;"> 我是span标签</span>我是span标签
<!-- 超链接 -->
<a href="https://www.baidu.com/">外部链接</a>
<a href="day.html">内部链接</a>
<a href="mailto:wl275699742@163.com">链接邮箱</a>
</div>
<!-- 锚点 -->
<div>
<a href="#Internet">互联网</a><br/>
<a href="#HTML">HTML简介</a><br/>
<a href="#Consistency">多样化和统一性</a><br/>
<a name="Internet">互联网</a><br/>
<p>互联网是网络的网络。也就是说,计算机网络可以跨越国家甚至全球的范围连接到其他网络。世界上所有的计算机都可以通过TCP/IP传输协议绑定在一起。</p>
<a name="HTML">HTML简介</a><br/>
<p>是web用来创建和识别文档的标准语言。</p>
<a name="Consistency">多样化和统一性</a><br/>
<p>万事万物都离不开多样性和统一性</p>
</div>
<!-- 列表 -->
<div>
<!-- 无序列表ul -->
<ul>
<li>苹果</li>
<li>栗子</li>
<li>香蕉</li>
</ul>
<!-- 有序列表ol -->
<span>把大象放进冰箱里</span>
<ol>
<li>打开冰箱门</li>
<li>把大象放进去</li>
<li>关上冰箱门</li>
</ol>
</div>
</body>
</html>