最新版のレッスンがあります
【最新版】はじめてのJavaScript (全7回)
動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
JavaScriptという言語について紹介したのち、ブラウザ実行環境の使い方について確認します。
- レッスンの概要
- ブラウザ実行環境の確認
2021年7月8日
補足情報 このレッスンについて
このレッスンでは「はじめてのWeb制作」のコードをもとにレッスンを進めていきます。コードの内容について忘れてしまった人は復習しておいてください
- はじめてのWeb制作
https://dotinstall.com/lessons/basic_website
この動画に関する質問と回答はありません。
素材ファイルをダウンロードするには無料ユーザー登録が必要です
無料ユーザー登録ソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>My Site</title>
<style>
img {
border-radius: 50%;
}
section {
border-width: 1px;
border-color: gray;
border-style: solid;
border-radius: 8px;
padding: 16px;
margin-bottom: 8px;
background-image: url(background.png);
}
body {
text-align: center;
}
</style>
</head>
<body>
<section>
<img src="icon.png" alt="太郎のアイコン画像です">
<h1>山田太郎</h1>
<p>UI/UXデザイナー見習いです。日々の勉強、がんばっています。</p>
</section>
<footer>(c) dotinstall.com</footer>
</body>
</html>
サーバーとの接続が切断されました。ブラウザを再読込してみてください。
保存しました
ファイル構成
- index.html
ブラウザ実行環境を使ってみよう！
このレッスンでは、こちらにコードを打ち込みながら学習を進めていくことができます。
手元で実際に動作を確認しながら理解を深めていくと良いでしょう。
この機能を利用するには無料のユーザー登録が必要です。
補足情報 ブラウザ実行環境で使えるショートカットキーについて
ブラウザ実行環境のエディタ向けに、ショートカットキーを用意しています。以下のリンクにまとめてありますので、ぜひ試してみてください。
https://dotinstall.com/help/903