クールhtml、cssの準備

32793 ワード
おしゃれなライオンのように CSS html テキストリンク
12週間勉強します.
「おしゃれなライオンみたい」と授業を受けました.タイトルは「GROUND XでNFTブロックチェーンスーパーアプリを作成する」.レッスンリンク(自作!)
勉强の过程の中で、私はNFTに兴味を持って、基础の授业の上で地狱を设定して放弃する刹那に陥って、この授业は仙女のように私の体に降りてきました.
しかし、この授業を聞く前に、先行知識があればいいと言いました(はい、もちろんします)、それはHTML、CSS、JSです.この3人はネットワークを構成する3大将だ.
HTMLは以前何か舐めただけだったのを覚えています.私の知っている限りでは、ドキュメント構造を大まかに編成する寸法言語です.
しかし、CSSはよくわかりません.(信頼の木ウィキペディア)
HTMLなどの寸法言語で作成されたドキュメントのWebサイトでの実際の表現を決定する言語です.(スタイルシート言語)
...過去には、様々なレイアウト、設計情報をHTMLに詰め込み、HTMLの元の目的である構造化ドキュメントではなく設計ドキュメントに転落した.フォームの<table>ラベルを記入してレイアウトを整理する必要があるため、HTMLソースコードだけを見ると、専門家でもそのドキュメントが何のドキュメントなのか分かりにくい...-木の鍵
つまりHTMLでもデザインが可能です.しかし,多様な設計が施されているためHTMLコードが複雑になり,この問題を解決するために設計を担当するCSSを作成した.
ではjavascriptは何ですか.私は前に舐めただけで覚えていません.
モジラ財団は、プロトコルタイプのプログラミング言語に基づいて、スクリプト言語に相当します.
HTMLがウェブページの基本構造を担当し、CSSが設計を担当する場合、JavaScriptはクライアントでのページの操作を担当します.
ウェブページを自動車にたとえると、HTMLは自動車の骨格であり、CSSは自動車の外観であり、JavaScriptは自動車の動力である.
そうですね.プログラミング言語(スクリプト言語)です.ダイナミック(アニメーション)を可能にする友達です.
それで関連講座を探しました.済州コード基地キャンプ講座
HTML、CSS、JS、Pythonが含まれています.

HTML


まずhtmlを<html>タグで表します.常に末尾に/を加え、</html>のように終わります.中には<head>、<body>、頭にはフォント、タイトルなどがあり、本体には<h1>웹에서 나타나는 글씨</h1>などがあります
成果物:
<html>
<head>
	<style>
	<meta name="" content = ""/> <!-- 메타태그 중요! -->

		h1{
			background-color: #2851A3;
		}
		div{
			border: solid 1px black; <!-- CSS요소 --> 
		}
		th, td, tr, table{
			border: solid 1px black; <!-- CSS요소 --> 
			border-
				collapse:collapse;
		}
	</style>
</head>
<body>
	<h1>facebook</h1>
	<ol type = "A">
		<li>ol 순서가 있는 리스트</li>
		<li>type = "A "</li>
	</ol>
	<ul>
		<li>ul 순서가 없는 리스트</li>
		<li>hello world</li>
	</ul>
	<p><mark><b>민</b><strong>식<strong><i>입니다<i>.</mark></p>
	<p>hello<br><hr>world!</p>
	<p>H<sub>2</sub>O<br>x<sup>2</sup> = y</p>
	<p>Lorem5 (teb)</p>
	<div>
		<a
		href="https://www.naver.com">네이버</a>
		</dd></dd>
		<a
		href="https://www.naver.com">네이버</a>
		</dd></dd>
	</div>
	<img width="200px" height="auto" src="a.jpg" alt="no image???">
	<p>유튜브 소스코드 복사</p>
	<iframe width="480" height="320" src="https://www.youtube.com/embed/s_DgZ1rhaGA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
	<br><br>
	<input type="text"><br>
	<input type="password"><br>
	<input type="date"><br>
	<input type="time"><br>
	<input type="range"><br>
	<input type="color"><br>
	<input type="radio"><br>
	<input type="checkbox"><br>
	<input type="file"><br>
	<textarea name="" id="" cols="30" rows="10">
	</textarea>

	<br><br>
	<!-- 주석 --> 
	<table>
		<t_head> <!-- CSS를 위한 태그 -->
		<tr>
			<th>순번</th>
			<th>이름</th>
			<th>가격</th>
			<th>판매량</th>
		</tr>
			</t_head>
		<t_body>
		<tr>
			<td>1</td>
			<td>notion</td>
			<td>7,000</td>
			<td rowspan="2">100</td>
		</tr>
		<tr>
			<td>2</td>
			<td>노션</td>
			<td>8,000</td>
		</tr>
			<t_body>
		<t_foot>
		<tr>
			<td colspan="3">총액</td>
			<td>200</td>
		</tr>
			<t_foot>
	</table>
	<br>
	<header>
		<h1>HTML5 구조</h1>
	</header>
	<nav>
		<ul>
			<li>nav li</li>
			<li>nav li2</li>
		<ul>
	</nav>
	<section>
	</section>
	<aside>
		<h1>aside</h1>
	</aside>
	<footer>
		<h1>footer</h1>
	</footer>
	<script>
		window.alert('환영합니다!')
	</script>
</body>
</html>

TIL|Django-djangoプロジェクトAWS-2への配備
[プログラマー/レベル1]クレーン型綱引きゲーム(2019ココア開発者冬季実習)(C++)