HTML模板
!+Enter 英文感叹号+回车
模板中的内容含义
<!DOCTYPE html>
<html lang="en">
<!-- 语言为English -->
<head>
<meta charset="UTF-8">
<!-- 语言的编码为UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 默认为IE浏览器时采用最新版本 -->
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<!-- 页面宽度=系统宽度 -->
<title>Document</title>
<!-- 网站的标题 -->
</head>
<body>
<!-- 这里写的是网站的内容 -->
</body>
</html>
网站标题:
网页里内容:
网页插入图片
<body>
<img src="这里存放图片位置"alt="">
</body>
网页内添加超链接
<body>
<a href="http:www.baidu.com">百度</a>
<a href="http:www.JD.com">京东</a>
<a href="这里输入网址">这里输入超链接名称</a>
</body>
进入网站后弹窗
<body>
<script>
alert("hi");
</script>
</body>
展示:
段落标记
<style>
p{
color: red;
}
</style>
</head>
<body>
<p>段落标记<p>
</body>
展示效果:
给网页添加搜索关键词和描述
<meta name="keywords" content="关键词">
<meta name="description" content="描述">
快捷使用方式展示:
关键词:
描述:
展示哔哩哔哩网站代码: