标签(一)
<!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