html模板

仅作记录：

点击查看代码

 <!-- 文档类型声明位于文档中的最前面-->
<!DOCTYPE html>
<!--lang代表该网页所属国家地区-->
<html lang="en">
 
<!--头部标签，定义文档的一些属性-->
 
<head>
  <!--meta定义与文档相关联的名称/值对-->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--定义文档的唯一标题-->
  <title>Test</title>
  <!--给页面标题添加图标-->
  <link rel="icon" type="image/x-icon" href=".test.png">
  <!--外联样式，链接外部样式表-->
  <link rel="stylesheet" type="text/css" href="./test.css" />
  <!--嵌套样式写法-->
  <style>
    .div-class {
      color: #fff;
    }
  </style>
</head>
 
<!--定义文档主体-->
 
<body>
 
  <!--内联样式写法-->
  <div id="divId" class="div-class" style="height: 100px;width: 100px;background-color: #000;"></div>
 
  <!--引入外部js文件-->
  <script type="text/javascript" src="./test.js"></script>
 
  <!--直接在html中编写js-->
  <script>
    console.log("test!")
  </script>
</body>
 
</html>

posted @ 2022-02-22 15:16 曦12 阅读(186) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· vscode使用vue代码模板

· vue动态绑定样式

· HTML历理 HTML模板

· [web]: HTML 测试模板

· WPF --- 重写圆角DataGrid样式

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球运作规律

曦12

html模板

随笔分类 (51)

推荐排行榜

	<!-- 文档类型声明位于文档中的最前面-->
	<!DOCTYPE html>
	<!--lang代表该网页所属国家地区-->
	<html lang="en">

	<!--头部标签，定义文档的一些属性-->

	<head>
	<!--meta定义与文档相关联的名称/值对-->
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--定义文档的唯一标题-->
	<title>Test</title>
	<!--给页面标题添加图标-->
	<link rel="icon" type="image/x-icon" href=".test.png">
	<!--外联样式，链接外部样式表-->
	<link rel="stylesheet" type="text/css" href="./test.css" />
	<!--嵌套样式写法-->
	<style>
	.div-class {
	color: #fff;
	}
	</style>
	</head>

	<!--定义文档主体-->

	<body>

	<!--内联样式写法-->
	<div id="divId" class="div-class" style="height: 100px;width: 100px;background-color: #000;"></div>

	<!--引入外部js文件-->
	<script type="text/javascript" src="./test.js"></script>

	<!--直接在html中编写js-->
	<script>
	console.log("test!")
	</script>
	</body>

	</html>