<!DOCTYPE html>
<!--声明文档的类型 -->
<!--html中的标签都是闭合标签 闭合标签包括双闭合和单闭合
双闭合:<html></html>
单闭合:<meta />
-->
<html lang="en">
<head>
<!--包含头部的信息 是一个容器 包含 style title meta script link 等-->
<!--文档的标题、编码方式及url等信息,这些信息大部分是用于提供索引,辨认或其他方面的应用(移动端)-->
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--5秒之后 重定向到路飞学城网站-->
<!--<meta http-equiv="refresh" content="5,URL=https://www.luffycity.com" />-->
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />
<!--meta标签常用两个属性
http-equiv属性
它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
name属性
主要用于页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
主要是为了SEO优化
-->
<meta name="keywords" content="meta"/>
<meta name="description" content="路飞学城" />
<!--引入外部的样式表-->
<link rel="stylesheet" type="text/css" href="" />
<!--定义内部样式表-->
<style type="text/css"></style>
<!--定义内容脚本文件-->
<script type="text/javascript"></script>
<!--icon图标(网站的图标)-->
<link rel="icon" href="">
<title>测试</title>
</head>
<body>
<p style="height: 2000px" id="p1">顶部</p>
<!--包含浏览器显示的内容标签 div p a img input等-->
<!--heading:<h1> - <h6>标签可定义标题。h1定义最大标题,h6定义最小标题
标题标签通常用来制作文章或者网站的标题
块级元素:1.独占一行的 2.可以设置宽高
-->
<h1>H1标签</h1>
<h2>H2标签</h2>
<h3>H3标签</h3>
<h4>H4标签</h4>
<h5>H5标签</h5>
<h6>H6标签</h6>
<!--段落标签<p> paragraph的简写,定义段落
特点:1、跟普通文本一样,可以通过css来设置当前段落的样式
2、独占一行 块级元素
-->
<!--文本样式标签
1.<b></b>加粗
2.<i></i>斜体
3.<u></u>下划线
4.<s></s>删除线
5.<sup></sup>上标
6.<sub></sub>下标
<em><strong>这两个标签表示强调,<em>表示强调,<strong>表示更强烈的强调
在浏览器中<em>默认会用斜体表示,<strong>会用粗体来表示
-->
<p>这里是<b>p标签</b><i>第一行</i>,<u>2019年2月13日</u>是<em>今天</em></p>
<p>这里是<s>p标签</s><sup>第二行</sup>,<sub>2019年2月14日</sub>是<strong>明天</strong></p>
<!--超链接标签 a 代表链接点,anchor(锚点)的简写。作用是把当前位置的文本或者图片链接到其他的页面、文本或图像
a标签属于行内标签:在一行内显示,设置宽高不起作用
-->
<!--target:
_self:默认值,在当前网站打开资源
_blank:在新的网站打开资源
title:表示鼠标悬停时显示的标题
-->
<a href="https://www.baidu.com/" target="_blank" title="baidu">百度一下</a>
<a href="./a.zip">点击下载</a>
<!--邮箱-->
<a href="mailto:txwdwyq@163.com">联系我们</a>
<!--返回页面顶部的内容-->
<a href="#">跳转到顶部</a>
<!--返回指定id-->
<a href="#p1">跳转到指定的段落标签</a>
<!--javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码
而JavaScript:;表示什么都不执行,这样点击<a>时就没有任何反应。
-->
<a href="javascript:alert('警告')">内容1</a>
<a href="javascript:;">内容2</a>
</body>
</html>