基本HTMLページ(CSS対応バージョン)

CSS(スタイルシート) を使った新しいHTMLページを作成するのに適したサンプルです。
自由に編集して使ってください。

HTMLファイル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="mystyle.css">
<title>ページのタイトルをここに記入します</title>
</head>
 
<body>
<!-- 本文ここから -->
サンプルテキスト
<!-- 本文ここまで -->
</body>
</html>

上の例では、HTMLファイルと同じ場所にある mystyle.css をCSSとして読み込む設定にしてあります。

読み込むCSSファイルを変更したい場合は、<link rel="stylesheet" href="mystyle.css"> の行に記入されているファイル名を、実際に読み込ませたいCSSファイルに合わせて変更してください。

CSSファイル

mystyle.css

@charset "UTF-8";
/* CSS スタイルシート */

設定を書き込む場合は、/* CSS スタイルシート */ の下の行に追記しましょう（CSSでは /* と */ で囲った範囲がコメント扱いとなります）。

戻る

コンピュータ基礎実習

目次

基本HTMLページ(CSS対応バージョン)

HTMLファイル

CSSファイル

コンピュータ基礎実習

ユーザ用ツール

サイト用ツール

目次

基本HTMLページ(CSS対応バージョン)

HTMLファイル

CSSファイル

ページ用ツール