最初の週末20210905
24631 ワード
・開発者レッスン後の最初の土曜日
-本当はいろいろやりたかったんだけど、思ったほどじゃなかった.
まず、親の仕事を全く助けないわけにはいかない(経済的にはまだ親から完全に独立していないので、週末や塾が終わる頃に親を助けることにした).仕事をする時間だ.それからあまり新しいことを練習したことがありません.しかし、これからjavascriptを勉強するとformフォーマットがよく使われると思いますので、formフォーマットを探して、使うことに慣れています.そしてボタンに画像を入れたい
-ボタンBeasの無理な画像を非常に簡単にPSで作成しました.
次に、サイトをブロック化してメニューを作成し、右側にログインウィンドウを作成し、確認ボタンに画像を入れて塗りつぶします.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function SY(ss){
document.write(ss+" "+"환영합니다.");
}
</script>
<style>
html, body{margin: 0; padding: 0; height: 100%;}
.header{width: 100%; height: 12%;}
.nav{width: 10%; height: 73%; float: left; background: #fad3cf;}
.section{width: 70%; height: 73%; float: left; background: #ceefe4;}
.aside{width: 20%; height: 73%; float: left; background: #fad3cf;}
.footer{width: 100%; height: 15%; clear: both; background: #8ac6d1;}
ul{background: #fae3d9; text-align: center; margin: 5px 200px;}
li{display: inline-block; font-size: 30px; margin: 0 40px; padding: 0px 20px;}
a{text-decoration: none; color: gray;}
li:hover{background: #ffb6b9; color: white;}
a:hover{background: #ffb6b9; color: white;}
.welcomediv{margin-left: 44%; font-size: 20px;}
iframe{width: 99.5%; height: 99%;}
legend{text-align: center;}
form{border: 3px solid black;}
#bt1{width: 25%; height: 20%;}
</style>
</head>
<body>
<header class="header">
<div class="welcomediv">
<script>
SY("선영님");
</script>
</div>
<ul>
<li><a href="http://www.daum.net">메뉴1</a></li>
<li><a href="http://www.naver.com">메뉴2</a></li>
<li><a href="http://www.icia.co.kr" target="if1">메뉴3</a></li>
<li><a href="http://www.incheon.go.kr">메뉴4</a></li>
<li><a href="http://www.seoul.go.kr">메뉴5</a></li>
</ul>
<hr>
</header>
<nav class="nav">
</nav>
<section class="section">
<iframe src="" name="if1">
</iframe>
</section>
<aside class="aside">
<form>
<legend>로그인</legend>
아이디:<br>
<input type="text" autofocus placeholder="아이디를 입력하세요."><br>
비밀번호:<br>
<input type="password"><br><br>
<input type="image" src="./button_1.png" id="bt1" alt="확인"><input type="reset" value="취소">
</form>
</aside>
<footer class="footer">
</footer>
</body>
</html>その結果、幸いなことに、必要なボタンを必要な位置に入れることに成功しました.そのボタンで何ができるかはまだ習っていませんが、フォーム形式の様々な機能を学ぶことができ、使うこともできるのでいいです.
・未定の週末
-スケジュールが未定の時間をどう過ごすかもう一度考えるべきだと思います.私はまだそんなに多くのことを学んでいないからではないか分かりませんが、今日私は何をしてあなたをそんなに満足させましたか?土曜日です.
Reference
この問題について(最初の週末20210905), 我々は、より多くの情報をここで見つけました https://velog.io/@ysparkr841/첫-주말-20210905テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol