今日のTIL HTML
週に1回授業をする。しかも週末です。
では、途中で課題以外に復習する学習要素はありません.これもちょっと残念です.😥
そこで復習のために何を使っているのか探してみたら『Boost Cos』!
ネイバーでタイトルを作っていたときに横断幕を見て偶然知り合ったので、いいページだったような気がします.(もちろんインフラやYouTubeにも良い内容がたくさん!
しかし、授業のスタイルが柔らかい中、質問問題は復習してくれますか?この程度が適当です.😎
講義もHTMLの起源からラベル、さらに照会まで、私のような新人は復習(独学)のために負担なく分けられています.
だから今日からブスターレッスンで復習することにしました.😎😎
HTLMとは?
HyperText Markup Landuage
(HTMLコードの可読性を確保するためにはWhitespace/Indentation区分が重要です.)各コードの用途と用途
. !DOCTYPE html:html 5の宣言、バージョンはそれぞれ異なります.
(バージョンを事前に宣言して、コンテンツが正しく表示されていることを確認します.)
.head:headに入力した要素は、metaデータセットを定義するために画面に表示されません.
.title:Webページの名前を定義します.(Bar or Tab)
. !--text--コードの作成時にコメントを入力するか、コードをコメントに変更します.testでコードを変更する場合は、以前のコードを破壊せずにコードを無効にできます.(主に議長として使われているそうですが、講師にも)
<!-- test -->
<head>
<title>Study</title>
</head>
.body:html画面を構成する際に使用される、テキスト、画像、ビデオなど多様なコンポーネントを含むParents要素.テキストを作成するときに使用するタグ。
.div/span:領域をCSSに設定する機能を提供する場合は、機能は必要ありません.(divはblock属性、spanはinline属性です.)
.h 1~6:タイトル、文章タイトルまたはテキストタイトルを強調するために使用される.
.p:pararahp、テキスト形式の情報を入力します.
.br:break、段落を改行します.(終了フラグなし)
.em:強調し、文を強調するときに斜体を使う.
.strong:Boldで文を強調するときに使用します.
<body>
<h1>The Brown Bear</h1>
<div id="introduction">
<h2>About Brown Bears</h2>
<p>The brown bear (<em>Ursus arctos</em>) is native to
parts of northern Eurasia and North America. Its
conservation status is currently <strong>Least
Concern.</strong><br><br> There are many subspecies
within the brown bear species, including the Atlas
bear and the Himalayan brown bear.</p>
<h3>Species</h3>
<h3>Features</h3>
</div>
</body>
.ul:無秩序リスト、リストの前に項目記号を付けます..ol:ordered list、listの前に数字形式の記号を付けます.
.li:list、コンテンツを入力します.
.dt:用語を表すタグ
.dd:用語の定義または説明に使用します.
<body>
<div>
<h3>Species</h3>
<ul>
<li>Arctos</li>
<li>Collarus</li>
</ul>
<h3>Countries with Large Brown Bear Populations</h3>
<ol>
<li>Russia</li>
<li>United States</li>
</ol>
<dl>
<dt>리플리 증후군</dt>
<dd>허구의 세계를 진실이라 믿고 거짓된 말과 행동을 상습적으로 반복하는 반사회적 성격장 애를 뜻하는 용어</dd>
<dt>피그말리온 효과</dt>
<dd>타인의 기대나 관심으로 인하여 능률이 오르거나 결과가 좋아지는 현상</dd>
<dt>언더독 효과</dt>
<dd>사람들이 약자라고 믿는 주체를 응원하게 되는 현상</dd>
</dl>
</div>
</body>
Webリンクの方法
.a:アンカー、Webページ間/Webページ内の画面を接続します.アンカー間の文字はHyperlinkの名前で、アンカー間でimgコードを使用すると、テキスト形式のハイパーリンクではなく画像形式のハイパーリンクを使用できます.
.href:ハイパーリンク参照、アンカーとともに使用し、接続するパスをアクティブにします.urlを入力すると、各ページが同じフォルダにある場合は、相対パスを使用できます.(href="./name.html)
.id:divとともに使用され、パーティション情報を提供します.a opening tagとともに使用すると、同じ画面から必要な段落に移動できます.(href="#id")
.target:リンクを開くWebブラウザを定義します.(新しいラベルまたは新しいウィンドウで開く)*balnk:新しいウィンドウで開く
<html>
<head>
<title>Brown Bears</title>
</head>
<body>
<ul>
<li><a href="#introduction">Introduction</a></li>
</ul>
<a href="./index.html" target="_blank"><img src="https://en.wikipedia.org/wiki/Brown_bear"/></a>
<a href="./aboutme.html">About Me</a>
<h1>The Brown Bear</h1>
<div id="introduction">
<h2>About Brown Bears</h2>
<p>The brown bear (<em>Ursus arctos</em>) is native to parts of northern Eurasia and North America. Its conservation status is currently <strong>Least Concern</strong>.<br /><br /> There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
<a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">Learn More</a>
</body>
</html>
復習の順序から見ると、基本的にテキストを作成するためのタグや文法(?)私は少ししか勉強していませんが、リンクの程度にリンクしましたが、授業で余分に勉強することができます.dd,dtあるいはem,strongはまだ習ったことがありませんが、面白いです).これらの学の順序を見ると江山学生を見ることができる.
今日のTILは...これがTILかどうかはわかりませんが終わりだ!
Reference
この問題について(今日のTIL HTML), 我々は、より多くの情報をここで見つけました https://velog.io/@mikey_08/오늘의-TIL-HTMLテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol