Web制作時のコピペ用テンプレ置き場として。
随時更新。
基本マークアップ
sample.html
<!DOCTYPE html>
<html lang="jp">
<html>
<head>
<meta charset="UTF-8">
<title>〇〇へようこそ！</title>
<link rel="stylesheet" href="style.css">
<style></style>
</head>
<body>
</body>
</html>
ラベル
label.html
<h1>こんにちは</h1>
style.css
h1{
position: relative;
padding: 1em;
background: pink;
}
h1::before{
position: absolute;
content: 'Label';
top: 0;
left: 0;
font-size: 0.5em;
color: white;
padding: 0.2em;
background: black;
}
